getelementbytagname() ne marche pas?

Version imprimable

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 en faisant appel à la fonction js getelementbytagname et je ne sais pas si j'ai utilisé la bonne methode d'appel.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <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 pourquoi ca marche pas.
bonne journée.

12/02/2010, 21h16
pcleder

Reponse

C'est la copie conforme de ton script ?
Je dis ça parce que dans ton onclick tu as mis getelementsbyname.

Fais comme ça et sa marche j'ai testé

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<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 id="monBouton" type="button" value="changer style" name="cible" onclick="stylechange(document.getElementById('monBouton'));" />
</body>
</html>

12/02/2010, 21h24
pcleder

Suite

Désolé pour le ça marche avec un "s".
Sinon, manipule plutôt tes éléments par leur id ou leur classe.
A bientôt.
Merci par avance de stipuler que ta question est résolue dès que tu auras testé.
12/02/2010, 21h29
jesslegende

je te remercie, mais le problème pour moi reste avec la fonction getelementbytagname() qui ne marche pas même ecrite comme ca, tu ne sais pas pourquoi?
12/02/2010, 21h36
jesslegende

c'est juste je peux prendre les id comme alternative mais à présent je veux comprendre c'est quoi le problème avec la fonction getelementbytagname().

Cette fonction retourne un tableau.

Je viens de tester. Prends en compte la notion de tableau

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<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="var bouton=document.getElementsByTagName('input');stylechange(bouton[0]);" />
</body>
</html>

12/02/2010, 22h14
jesslegende

donc je suppose que getelementsbytagname retourn une collection d'elements alors que getelementbytagname retourn un seul,
je te remerci bouceaup pcleder. :ccool:
@+
13/02/2010, 22h55
jesslegende

je reviens sur ce que j'ai dit, la bonne methode c'est getElementsByTagName
et c'est la seul.
bonne journée à tous.
14/02/2010, 17h55
Auteur

Citation:

Envoyé par jesslegende

donc je suppose que getelementsbytagname retourn une collection d'elements alors que getelementbytagname retourn un seul,
je te remerci bouceaup pcleder. :ccool:
@+

Il n'y qu'une seule et unique méthode :
getElementsByTagName("tagObjet")

Elle retourne une collection d'objets donc le tag (la balise) est passé en paramètre.
Un document.getElementsByTagName("input") renverra sous forme de tableau tous les éléments de type input (button, hidden, text, file, etc.) contenus dans le document.
19/02/2010, 14h50
jesslegende

c'était une faute de lecture qui m'a fait perdre bouceaup temps, je te remercie pour avoir eclairer cette erreur.:ccool: