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

Question

我有这个 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 为空。

Answer 1

当在 javascript 中时 .onclick属性需要一个函数而不是字符串

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

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

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