如何在没有使用javascript的id的情况下向html标签添加onclick事件？

Question

我试过这样做，但似乎没有用：

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

        }

    }

我知道我可以getElementById并且这样可行，但它不会这样工作。 任何帮助，将不胜感激。

谢谢！

Answer 1

document.getElementsByTagName（'a'）返回DOM元素的NodeList。 所以对于初学者来说，你将不得不迭代它们并将处理程序附加到每个像这样：

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

如果有很多元素，我建议您阅读有关事件委托的内容，并为所有内容分配一个处理程序。

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

您需要遍历document.getElementsByTagName返回的所有元素

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

Answer 4

那是因为getElementsByTagName返回一个NodeList 。 您不能通过NodeList上的onclick属性分配事件处理程序，只能分配一个DOMElement 。

尝试：

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

Answer 5

我强烈建议使用JQuery。 像这样的东西应该做的伎俩：

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