Jak dodać zdarzenie onclick do znaczników html bez identyfikatora użytkownika przy użyciu javascript?

Question

Próbowałem to zrobić, ale nie wydaje się działać:

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

     } 

    } 

wiem, że mogę getElementById i że działa, ale nie robi to działa w ten sposób. Każda pomoc będzie doceniona.

Dzięki!

Answer 1

trzeba iteracyjne nad wszystkich elementów zwróconych przez 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

to dlatego getElementsByTagName zwraca NodeList. Nie można przypisać funkcji obsługi zdarzenia za pomocą właściwości onclick na urządzeniu NodeList, a tylko pojedynczym DOMElement.

Spróbuj:

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

Answer 4

bym zdecydowanie wskazują przy użyciu JQuery. Coś jak to powinno załatwić sprawę:

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

Answer 5

document.getElementsByTagName ('A') zwraca NodeList DOM Elements. Więc na początek, trzeba będzie iteracyjne nad nimi i dołączyć do obsługi każdego tak:

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

Jeśli istnieje wiele elementów, proponuję przeczytać o event delegation i przypisać tylko jeden program obsługi do wszystkiego.