addEventListener不能在appendChild後工作

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

不能添加里面的 「選項」 錨 「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>