javascript - 包含javascript属性的对象的appendChild

我有这个Javascript函数

function webit(thumb){
    webi = document.createElement("img");
    webi.alt=thumb.id.replace("t", "");
    webi.id = "w"+webi.alt;
    webi.className = "web";
    webi.src= thumb.src.replace("thm","web");
    webi.height=233;
    webi.onclick='alert()';
    document.body.appendChild(webi);
}

应该在文档末尾嵌入较大版本的缩略图。它工作正常，除了任何JavaScript函数（即onXXX）保持绝对为空。这似乎与我使用哪个JS函数无关，也与我尝试将其设置为的任何事情无关。

上面的例子使用

    webi.onclick='alert()';

尽管所有其他语句都成功，但无法将onclick保留为空。

最佳答案

在javascript中，.onclick属性需要的功能不是字符串

webi.onclick=function(){ alert(); };

您还可以使用addEventListener方法设置事件处理程序

webi.addEventListener("click",function(){ alert(); });