我一直在尝试将 onclick 事件添加到我使用 JavaScript 添加的新元素。
问题是当我检查 document.body.innerHTML 时,我实际上可以看到 onclick=alert('blah') 被添加到新元素。
但是当我单击该元素时,我没有看到警告框在工作。事实上,任何与 JavaScript 相关的东西都不起作用..
这是我用来添加新元素的方法:
function add_img() {
var elemm = document.createElement('rvml:image');
elemm.src = 'blah.png';
elemm.className = 'rvml';
elemm.onclick = "alert('blah')";
document.body.appendChild(elemm);
elemm.id = "gogo";
elemm.style.position='absolute';
elemm.style.width=55;
elemm.style.height=55;
elemm.style.top=200;
elemm.style.left=300;
elemm.style.rotation=200;
}
我是这样调用这个函数的:
<button onclick=add_img()>add image</button>
现在图像在浏览器中完美绘制。但是,当我点击图片时,我没有收到该提醒。
最佳答案
.onclick
应该设置为函数而不是字符串。尝试
elemm.onclick = function() { alert('blah'); };
相反。
关于javascript - 在 JavaScript 中为新添加的元素添加 onclick 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3316207/