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

Version imprimable

Bonjour,

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

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.

et en mettant top dans la fonction

Code:

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

18/10/2015, 11h44
paulolol

Ça marche, mais si je veux ré-utiliser top en dehors de la fonction init(), je peux faire public top avant init() ?
18/10/2015, 15h02
NoSmoking
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:

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