11521 sujets

JavaScript, DOM et API Web HTML5

Problème onmouseover element "a" array

Bonjour tout le monde,

Voici mon soucis. Je suis entrain de tester quelques petits truc en javascript et j'ai justement un problème sur 1 point.

J'essaye de récupérer un événement sur une liste de liens, voici un exemple plus parlant :

HTML

<ul>
	<li><a href="#">Accueil</a></li>
	<li><a href="#">Accueil</a></li>
	<li><a href="#">Accueil</a></li>
</ul>


Javascript

document.getElementsByTagName("a").onmouseover=function(){
	console.log(this);
};


Bien sur ça ne marche pas. Pour cause, j'ai l'impression que mon "onmouseover" ne veut pas fonctionner sur un tableau.

Es-ce que quelqu'un connaîtrait une solution à ce soucis ? ou des Hack ?
En faite je viens de trouver une solution qui marche très bien Smiley smile

Je partage l'astuce :

var link = document.getElementsByTagName("a");
for (var i=0; i<link.length; i++) {
	link[ i ].onmouseover = function() { alert(i); }
}

Modifié par Jconline (08 Dec 2014 - 14:44)
Sujet clos
Aller à