항목을 클릭 할 때 목록에서 대상 항목을 반환하지 않습니다.

Question

순수한 JavaScript (jQuery 없음)를 사용하여 클릭하면 대상 항목을 어떻게 알 수 있습니까? 누군가 내 코드에 어떤 문제가 있다고 말할 수 있습니까? 현재 자바 스크립트 버전이 작동하지 않습니다.

잘 작동하는 jQuery를 사용했습니다. (작동하지 않는)

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

자바 스크립트 비트 : ID가 리에게 주어지지하는 동안 아이디를 가진 리튬을 선택하는

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에 씁니다. 또한 if 조건을 점검 할 때 노드 이름을 제공해야합니다.