Discussion :

[renayz]

Bonjour a tous et a toutes,

Voila mon probleme est de modifier une sous classe a l'aide sur javascript, voici un exemple tres simple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
 
.maclasse { 
 
... element css
}
 
.maclasse table {
 
... element css de la sous classe
}

Donc en javascript pour acceder a la classe de mon element j'utilise bien entedu getElementById('maclasse').style mais voila pas moyen de trouver comment modifier les elements de 'maclasse table'. Un petit coup de main ne serez pas de refus ! Merci d'avance.

[Bovino]

Salut,
La propriété style te permet de modifier le style inline d'un élément, il n'impacte pas sur les déclarations CSS.
Pour modifier les feuilles de styles, il faut passer par la collection stylesheets. En revanche, tu peux aussi modifier la classe CSS avec la propriété className d'un élément HTML.

Autre détail :

Code :

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

document.getElementById('maclasse').style

Attention, tu récupères un élément par son id, pas par sa classe.

[le_chomeur]

je rajouterais que dans ton cas, il vaut mieux cibler , directement par la balise style, les propriétés et éléments a modifier

[gwyohm]

Pour modifier les feuilles de styles, il faut passer par la collection stylesheets.

J'ai déjà joué à ca, mais il me semble me souvenir que les CSS récupérées par @import ne s'y trouvent pas.

Avez vous déjà traité ce point ?

[le_chomeur]

que veux tu faire au final ?
modifier le style ou toute la class ??

[renayz]

Autre détail :
Code :

document.getElementById('maclasse').style

Attention, tu récupères un élément par son id, pas par sa classe.

Effectivement, erreur de language de ma part ( il etait tard ^^ ) c'est bien un element avec un id que je voulais modifier et du coup un exemple du style :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
 
#nom {
 
... elements
}
 
#nom table {
 
display:none;
}

Donc le but est de pouvoir passer le display de #nom table a block sur un onclick par exemple ou autre cas. Sa sera peut etre plus clair car vos réponses ne m'aide pas vraiment ou peut etre que je les aient mal compris.

Merci d'avance

[Bovino]

La propriété style d'un élément HTML modifie le style de l'élément associé, pas des enfants, pour modifier le style du tableau, il faut aller le référencer :

Code :

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

document.getElementById('nom').getElementsByTagName('table')[0].style