Récupération élément du DOM avec getElementById

**paulolol** · 17/10/2015, 21h23

Bonjour,

J'ai un problème avec les getElementById. Voici le code :

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
17
 
 <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd>
 <html lang="en">
 <head>
	 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 </head>
	 <body>
		<div id="topscreen" onClick="init()">hey</div>
		 <script>
		 	 var top = document.getElementById('topscreen');
			function init(){
				top.innerHTML += 'test';
				alert(top.innerHTML);
			}
		 </script>
	 </body>		 
 </html>

Sauf que quand je clique une fois, l'alert me dit "undefinedtest", ensuite "undefinedtesttest", et le texte "hey" ne change pas.

Parfois, avec l'habitude, on voit plus les erreurs bêtes de "débutant", mais là j'ai beau chercher, je vois pas.

**melka one** · 17/10/2015, 21h41

et en mettant top dans la fonction

Code :

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

1
2
3
4
5
6
 
function init(){
var top = document.getElementById('topscreen');
top.innerHTML += 'test';
alert(top.innerHTML);
}

**paulolol** · 18/10/2015, 11h44

Ça marche, mais si je veux ré-utiliser top en dehors de la fonction init(), je peux faire public top avant init() ?

**NoSmoking** · 18/10/2015, 15h02

Bonjour,
commence par identifier ta variable en utilisant un label ne pouvant pas prêter à confusion, top étant la fenêtre mère de l'objet window, le this dans ta fonction

Code :

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

1
2
3
4
5
6
 var divTop = document.getElementById('topscreen');
 
 function init() {
     divTop.innerHTML += 'test';
     alert( divTop.innerHTML);
 }

Récupération élément du DOM avec getElementById

JavaScript

Vue hybride

Discussions similaires

Partager

Partager