Discussion :

[lerorodu51]

Bonjour, voici mon problème :

Code :

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

1
2
3
4
5
.fieldset label {
	margin: 3px 3px 0 0; /* margin 3 au lieu de 5*/
}
 
select { margin-bottom: 3px}

Voilà , je voudrai modifier ces 2 styles en js.. Pour le select j'ai fait :

Code :

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

document.getElementsByTagName('select').style.marginBottom = "3px";

mais sans résultat. une idée ?

[Bovino]

Pour autant que les noms ont un sens, le 's' de getElementsByTagName() indique clairement que cette méthode renvoie une collection d'éléments. Or la propriété style existe pour un élément, pas pour une collection !

Il te faut boucler sur tous les éléments de ta collection.

[lerorodu51]

Oui en effet, et comment dois-je faire ? Je sais qu'il n'existe pas de getElementByTagName. Et je n'ai pas d'id ^^

[SpaceFrog]

qui dit collection dit indexe

Code :

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

document.getElementsByTagName('select')[0].style.marginBottom = "3px";

pour le premier élement de la collection

[lerorodu51]

ça marche nikel pour le select . Par contre je n'ai pas réussi à trouver pour :

Code :

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

1
2
3
.fieldset label {
	margin: 5px 3px 0 0; /* margin 3 au lieu de 5*/
}

Je voudrai modifier le 5px en 3px. Vraiment du mal avec modification de style

[SpaceFrog]

top right bottom left

=> marginTop

[Bovino]

Code :

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

document.getElementsByClassName('.fieldset')[0].getElementsByTagName('label')[0].style.marginTop = "3px";

ou sinon

Code :

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

document.querySelectorAll('.fieldset label')[0].style.marginTop = "3px";

mais c'est pas valable pour les navigateurs trop anciens