Come aggiungo un evento onclick ai tag html senza id utilizzando javascript?

Question

Ho provato a fare questo, ma non sembra funzionare:

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; 
       } 

     } 

    } 

so che posso getElementById e che funziona, ma non lavorare in questo modo. Qualsiasi aiuto sarebbe apprezzato.

Grazie!

Answer 1

È necessario iterare su tutti gli elementi restituiti dalla 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

Questo perché getElementsByTagName restituisce un NodeList. Non è possibile assegnare un gestore di eventi tramite la proprietà onclick su un NodeList, solo un singolo DOMElement.

Prova:

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

Answer 4

avrei suggeriscono fortemente utilizzando jQuery. Qualcosa del genere dovrebbe fare il trucco:

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

Answer 5

document.getElementsByTagName ('a') restituisce un NodeList di DOM Elements. Così, per cominciare, si dovrà scorrere su di loro e allegare un gestore per ciascun come questo:

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

Se ci sono molti elementi, vi consiglio di leggere su event delegation e di assegnare un solo gestore per tutto.