¿Cómo agrego un evento onclick a etiquetas html sin identificación usando javascript?

Question

He intentado hacer esto, pero no parecía funcionar:

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

     } 

    } 

Sé que puedo GetElementByID y que funciona, pero no funciona de esta manera. Cualquier ayuda sería apreciada.

Gracias!

Answer 1

Necesitas iterar sobre todos los elementos devueltos por 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

Eso es porque getElementsByTagName devuelve un NodeList. No puede asignar un controlador de eventos a través de la propiedad onclick en un NodeList, solo un solo DOMElement.

Probar:

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

Answer 4

te sugiero encarecidamente el uso de jQuery. Algo como esto debe hacer el truco:

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

Answer 5

document.getElementsByTagName ('a') devuelve un NodeList de DOM Elementos. Así que para empezar, tendrá que iterar sobre ellos y adjuntar un controlador para cada uno así:

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

Si hay muchos elementos, le sugiero que lea sobre event delegation y asignar un solo controlador para todo.