getelementbytagname() ne marche pas?

**jesslegende** · 12/02/2010, 22h01

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 :

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

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.

**pcleder** · 12/02/2010, 22h16

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

**pcleder** · 12/02/2010, 22h20

Code :

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

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>

**pcleder** · 12/02/2010, 22h24

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é.

**jesslegende** · 12/02/2010, 22h29

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?

**jesslegende** · 12/02/2010, 22h36

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().

**pcleder** · 12/02/2010, 22h54

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

Code :

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

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>

**jesslegende** · 12/02/2010, 23h14

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

@+

**jesslegende** · 13/02/2010, 23h55

je reviens sur ce que j'ai dit, la bonne methode c'est getElementsByTagName
et c'est la seul.
bonne journée à tous.

**Auteur** · 14/02/2010, 18h55

Envoyé par jesslegende

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

@+

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.

**jesslegende** · 19/02/2010, 15h50

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

getelementbytagname() ne marche pas?

JavaScript

Discussions similaires

Partager

Partager