我有一个 ul,并动态添加一个选项元素,并在该选项中添加一个 anchor 元素。
当我在 anchor 上添加事件时,问题就开始了!不工作!
HTML:
<ul></ul>
JavaScript:
var ul = document.querySelector('ul');
var option = document.createElement('option');
var a = document.createElement('a');
a.innerHTML = "click me";
a.addEventListener('click',function(){
alert('event successful!');
});
option.appendChild(a);
ul.appendChild(option);
在 JSFiddle 中查看:
最佳答案
你不能在“选项”中添加 anchor “a”元素,看看它是如何工作的:
var ul = document.querySelector('ul');
var li = document.createElement('li');
li.innerHTML = "<a href='javascript:alert(\"clicked\")'>click me</a>";
ul.appendChild(li);
<ul></ul>
关于javascript - addEventListener 在 appendChild 之后不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38590369/