Etat du style d'un element de ma page web

Bonjour !

Je souhaite connaitre l'état du style d'un element de ma page web, j'essaye avec :
etat = eval(smenu).style.visibility;
ou smenu est document.getElementById("monobjet")
mais je n'en tire rien.

pour le modifier, je fais un :
eval(smenu).style.visibility = 'visible';
et ca fonctionne.

Merci de votre aide

Eric

modéré par denisC : ajout du tag résolu

Code:

---

1 2 3 4 5 6

var el = document.getElementById('mon_id'); alert(el); alert(el.style.visibility); el.style.visibility = 'hidden'; alert(el.style.visibility);

---

Merci Mr N,

J'ai essayé tout ca mais je n'arrive toujours pas à connaitre le style courant de mon objet (HTMLTableElement) sur Firefox il est paramétré via une feuille de style CSS sur hidden.

si je fais un
monobjet.style.visibility = 'hidden';
ou
monobjet.style.visibility = 'visible';
cela fonctionne bien et agit sur le style.

Mais je voudrais récupérer le style dans une variable et je n'y arrive pas, je fais un :
var etat = monobjet.style.visibility;
Il ne récupère rien tant que je n'ai pas paramétré le style via Javascript.

Merci

Eric

bonjour eja1968

Le comportement de js me paraît assez logique.

la propriété

Code:

---

monObjet.className

---

doit avoir la valeur

Code:

---

maClasse

---

et cette classe agit sur la visibilité.

en revanche la propiété

Code:

---

monObjet.style.visibility

---

est vide puisque tu n'agis que su

Code:

---

className

---

.

Je ne sais comment récupérer en DOM la définition d'une class (pour savoir si la propriété

Code:

---

visibility

---

de la class est à

Code:

---

hidden

---

)

En revanche je te conseillle de te créer 2 class (une visible une invisible) et de tester le nom de la class.
Tu peux aussi combiner les class

css:

Code:

---

1 2 3

maclass {(....) pas de définition de la propriété visibility} voir {visibility: normal} cache {visibility: hidden}

---

js:

Code:

---

1 2 3 4

//pour voir monobjet.className='maclass voir' //pour cahcer monobjet.className='maclass cache'

---

[/code]

Citation:

---

Envoyé par eja1968

Il ne récupère rien tant que je n'ai pas paramétré le style via Javascript.

---

C'est normal, comme expliqué dans le post de grav. Le style est celui que tu declares pour l'objet, pas celui qui est effectivement affiché.

Pour acceder au style effectif de ton objet, il faut utiliser les méthodes suivantes:

Code:

---

1 2 3

element.currentStyle //IE window.getComputedStyle(element, null) //FFx et Opera

---

L'élément retourné par ces fonctions a tous les attributs de l'attribut style d'un élement.

Tu peux donc faire:

Code:

---

1 2 3

monobjetCptedStyle = monobjet.currentStyle || window.getComputedStyle(monobjet, null); alert(monobjetCptedStyle.visibility);

---

Et normalement ça marche :)

Je confirme ca marche !

Bravo les gars

Encore merci

Eric