getelementbytagname() ne marche pas?

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

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, 21h16

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

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

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, 21h24

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, 21h29

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, 21h36

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, 21h54

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>

getelementbytagname() ne marche pas?

JavaScript

Vue hybride

Discussions similaires

Partager

Partager