Question

我有一个ul，并动态添加一个选项元素，并在该选项中添加一个锚元素。

当我在锚点上添加事件时问题就开始了！不工作！

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：

https://jsfiddle.net/63h8kqp1/

Answer 1

你无法添加锚＃34; a＆＃34;元素内部＆＃34;选项＆＃34;，看看它是如何工作的：

＆＃13;

var ul = document.querySelector('ul');
var li = document.createElement('li');
li.innerHTML = "<a href='javascript:alert(\"clicked\")'>click me</a>";
ul.appendChild(li);

＆＃13;

<ul></ul>

＆＃13;

addEventListener在appendChild之后无法正常工作

1 个答案: