javascript - 使用 JavaScript 添加带有现有函数的 onclick 监听器

Question

我有一个现有的 JavaScript 函数:

function changeColor(ID){

    try{
        initialize();
    }
    finally{
        changeDesign(ID);
    }
    
}

我想做这样的事情:

for(var x=0; x<2; x++){
        document.getElementById(x).onclick = "changeColor(" + x +")";
}

html 的输出应该是:

<tr bgcolor="#FFFFFF" id="0" onclick="changeColor(0)>

Answer 1

通过 DOM API 分配事件处理程序不会修改实际的 HTML(事实上，浏览器收到的 HTML 源是只读的)。

您必须为 .onclick 分配一个函数，而不是一个字符串:

for(var x=0; x<2; x++){
    document.getElementById(x).onclick = changeColor;
}

其中 changeColor 定义为

function changeColor(){
    var ID = this.id; // `this` refers to element the handler is bound to

    try{
        initialize();
    }
    finally{
        changeDesign(ID);
    }

}

我建议阅读 excellent articles about event handling on quirksmode.org .