單擊項目時未返回列表中的目標項目

Question

如何使用純JavaScript（無jQuery）單擊時獲得目標項目警報​​？有人能告訴我我的代碼有什麼問題嗎？目前JavaScript版本不起作用。

我用jQuery的工作正常。

$(document).ready(function() { 
$('ul li').click(function() { 
    var index = $(this).index(); 
    var text = $(this).text(); 
    alert('Index is: ' + index + ' and text is ' + text); 
}); 
}); 

的Javascript位（不工作）：

var action_list_ul = document.getElementById('li'); 
action_list_ul.addEventListener("click", set_ua_value); 

function set_ua_value (e) { 
    if(e.target && e.target.nodeName == "A") { 
     console.log(e.target.innerHTML); 
    } 

} 

<ul > 
<li>Item 1</li> 
<li>Item 2</li> 
<li>Item 3</li> 
<li>Item 4</li> 
</ul> 

Answer 1

您選擇與標識的李ID則是不給力！ 嘗試給id並寫入getElementById中的id。還需要在給出節點名稱的同時檢查是否存在條件。