Comment ajouter un événement onclick aux balises html sans identifiant utilisant javascript?

Question

J'ai essayé de faire cela, mais il ne semble pas fonctionner:

window.onload = initAll; 


    function initAll(){ 
    document.getElementsByTagName('a').onclick = clickHandler; 
    } 

    function clickHandler(){ 
     if(this.toString().indexOf("localhost") < 0) { 
      confirmation = confirm("You are now leaving http://soso.com. Please click 'ok' to continue to this site, or 'cancel' to stay in http://soso.com"); 
       if (confirmation == false){ 
        return false; 
       } 

     } 

    } 

Je sais que je peux getElementByID et qui fonctionne, mais cela ne fonctionne pas de cette façon. Toute aide serait appréciée.

Merci!

Answer 1

Vous devez itérer sur tous les éléments retournés par document.getElementsByTagName

var links = document.getElementsByTagName('a'); 
var i = links.length; 
while (i--) { 
    links[i].onclick = clickHandler; 
} 
// ... rest of your code ... 

Answer 2

function initAll() 
{ 
    var elements = document.getElementsByTagName('a'); // returns an array 

    // add the handler to each element 
    var n; 
    for (n = 0; n < elements.length; ++n) 
     elements[n].onclick = clickHandler; 
} 

Answer 3

C'est parce que getElementsByTagName retourne un NodeList. Vous ne pouvez pas affecter un gestionnaire d'événements via la propriété onclick sur un NodeList, un seul DOMElement.

Essayez:

var elems = document.getElementsByTagName('a'); 
for (var i = 0; i < elems.length; i++) { 
    elems[i].onclick = clickHandler; 
} 

Answer 4

Je suggère fortement l'utilisation JQuery. Quelque chose comme ça devrait faire l'affaire:

$(function(){$('a').click(clickHandler);}); 

Answer 5

document.getElementsByTagName ('a') retourne un NodeList des DOM éléments. Donc, pour commencer, vous devrez itérer sur eux et attacher un gestionnaire à chaque comme ceci:

var links = document.getElementsByTagName('a'); 
for(var i=0,il = links.length; i< il; i ++){ 
links[i].onclick = clickHandler; 
} 

S'il y a beaucoup d'éléments, je vous suggère de lire à propos de event delegation et d'assigner un seul gestionnaire pour tout.