Accès direct aux css en javascript ?

Marsh Posté le 25-02-2009 à 09:55:54

Bonjour, dans le but de pouvoir cacher/afficher des éléments sans recharger la page, j'utilise le code javascript :

Code :

document.getElementById($id).style.display

Le problème c'est que à la première utilisation, l'élément style.display est "", et non "none" comme c'est spécifié dans les css.

Comment puis-je avoir accès directement au propriété css via javascript ?

Merci d'avance.

Siron

Message édité par Siron le 28-02-2009 à 21:47:14

Marsh Posté le 25-02-2009 à 09:55:54

Marsh Posté le 28-02-2009 à 21:47:03

Personne n'a une idée ? Il faut obligatoirement passer par les css javascript ?

Marsh Posté le 01-03-2009 à 00:01:53

justement à la premiere utilisation tu testes si le display est none
dans le cas contraire, le display devient ""

Code :

if (elm.style.display=='none')
elm.style.display = '';
else
elm.style.display = '';

Mais pour répondre à ta question, il suffit de faire
sous IE :
elm.currentStyle.display
et sous FF and co
zlm.getComputedStyle('display')

Message édité par gatsu35 le 01-03-2009 à 00:02:54

Marsh Posté le 02-03-2009 à 20:22:15

Merci, ça marche parfaitement avec currentStyle et getComputedStyle .

Message édité par Siron le 02-03-2009 à 20:22:32

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *