Javascript css getelementbytagname ?
Résolu
Utilisateur anonyme
-
Guibs63 -
Guibs63 -
Bonjour les amis,
j'apprends le javascript avec un peu de css et j'ai rencontré un probléme que je comprends pas, c'est le suivant:
j'essaie de changer le style d'un bouton mais en faisant appel à la fonction js getelementbytagname et je ne sais pas si j'ai utilisé la bonne methode d'appel.
<html>
<head><title>JavaScript Trainning</title>
<script type="text/javascript">
function stylechange(element){
element.style.background="gray";
element.style.color="white";
element.style.width="150px";
element.style.border="solid 2px blue";
}
</script>
</head>
<body>
<input type="button" value="changer style" name="cible" onclick="stylechange(document.getElementsByName('input'))" />
</body>
</html>
vous pouvez s'il vous plait m'expliquer comment ca marche pas.
bonne journée.
--
I Have a dream that One day every One makes his Operating System and tell Microsoft to get the hell
God bless Martin Luther King.
j'apprends le javascript avec un peu de css et j'ai rencontré un probléme que je comprends pas, c'est le suivant:
j'essaie de changer le style d'un bouton mais en faisant appel à la fonction js getelementbytagname et je ne sais pas si j'ai utilisé la bonne methode d'appel.
<html>
<head><title>JavaScript Trainning</title>
<script type="text/javascript">
function stylechange(element){
element.style.background="gray";
element.style.color="white";
element.style.width="150px";
element.style.border="solid 2px blue";
}
</script>
</head>
<body>
<input type="button" value="changer style" name="cible" onclick="stylechange(document.getElementsByName('input'))" />
</body>
</html>
vous pouvez s'il vous plait m'expliquer comment ca marche pas.
bonne journée.
--
I Have a dream that One day every One makes his Operating System and tell Microsoft to get the hell
God bless Martin Luther King.
Configuration: Linux Firefox 3.0.17
A voir également:
- Javascript css getelementbytagname ?
- Telecharger javascript pour pc - Télécharger - Langages
- Css download - Télécharger - HTML
- A javascript error occurred in the main process français - Forum Windows
- Comment mettre un texte sur une image css - Forum CSS
- Superposer du texte sur une image (HTML/CSS) - Forum CSS
3 réponses
oui c'est vrai j'ai trouvé grace à un ami, et elle ne marchait pas comme je l'ai ecrit car elle renvoie un tableau d'éléments donc il faut prendre en compte la notion du tableau.
je te remercie pour ton aide.
je te remercie pour ton aide.
Hello,
vu qu'ici, ton élément <input est lié à l'action, devrait également marcher :
(en utilisant this, tu passes directement l'élement dans ta fonction)
et concernant les méthodes pour accéder à un élément via son Id ou son name, tu peux utiliser :
<input type="button" value="changer style" name="cible" onclick="stylechange(document.getElementsByName('cible'))" />
<input type="button" value="changer style" id="cible" onclick="stylechange(document.getElementById('cible'))" />
++
vu qu'ici, ton élément <input est lié à l'action, devrait également marcher :
onclick="stylechange(this)"
(en utilisant this, tu passes directement l'élement dans ta fonction)
et concernant les méthodes pour accéder à un élément via son Id ou son name, tu peux utiliser :
<input type="button" value="changer style" name="cible" onclick="stylechange(document.getElementsByName('cible'))" />
<input type="button" value="changer style" id="cible" onclick="stylechange(document.getElementById('cible'))" />
++
