Récupérer une propriété CSS par défaut

**Switche** · 29/08/2007, 19h01

Bonjour,

Je voudrais savoir s'il est possible de recupérer les propriétés CSS par défaut, a partir du noeud.

Par exemple :
balise <div>,pour la propriété 'display' : récuperer 'block'
balise <span>,pour la propriété 'display' : récuperer 'inline'.

Tout en sachant que, si la propriété CSS n'est pas explicitement écrite, quelque chose du genre 'document.getElementById(balise_p).style.display' retourne une chaine vide.

**jypees** · 29/08/2007, 19h10

oui bien sur ^^

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<html>
<div style="width: 120px;" onclick="alert('-> ' + this.style.width + ' - ' + this.style.height + ' <-')">show</div>
</html>

voila

si tu as d'autre question hésite pas

**Switche** · 29/08/2007, 20h46

oué non, ce serait trop simple.

la propriété CSS n'est pas explicitement écrite

Cela signifie qu'on ne doit pas avoir de 'style="width: 120px;" .

Voici un exemple simple a comprendre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<p id='balise'>Salut</p>

A partir de ce code qui ne possède pas de CSS, je voudrais récupérer le display par défaut de la balise <p>... a savoir 'block'.

Voila j'espère que j'ai été plus clair.
merci de votre aide

**Switche** · 29/08/2007, 22h57

Bon voila ma réponse a ma question.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function getCurrentCSS(obj,property)
{
  if (obj.currentStyle) return obj.currentStyle.getAttribute(property);
  else return window.getComputedStyle(obj,null).getPropertyValue(property);
}

Pour ceux que ça intéressent

Récupérer une propriété CSS par défaut

JavaScript

Discussions similaires

Partager

Partager