목록 항목 요소를 클릭하여 경고 창을 호출하려면 어떻게해야합니까?

Question

누구든지 내 간단한 스크립트로 도와 줄 수 있습니까? html 코드에 색상 목록이 있고 클릭 한 목록 항목 값으로 경고 팝업을 내 js 코드로 만들어야합니다. 제발 도와주세요! 여기에 내가 무엇을 가지고 : 여기 JS 코드

HTML

<ul id="mylist"> 
    <li>White </li> 
    <li>Silver </li> 
    <li>Dark Gray</li> 
    <li>Khaki </li> 
</ul> 

그리고 (이것은 윈도우로드에있는 목록의 항목 값과 경고를 표시하지만 난이 각각 클릭 한 후 표시 할 필요가 항목)

<script language="JavaScript"> 
<!-- 
    var a = document.getElementById('mylist').document.getElementsByTagName('li'); 
    var b=[]; 
    for(i=0;i<a.length;i++) 
    { 
    b=a[i].innerText; 
    alert(b); 
    } 
//--> 
</script> 

Answer 1

var a = document.getElementById('mylist').getElementsByTagName('li'); 

for(var i = 0; i < a.length; i++){ 
     a[i].onclick = function(){ 
      alert(this.innerHTML); 
     } 
} 

데모 : http://jsbin.com/ayefap/2/

Answer 2

당신이 불을 지르고 또는 크롬 콘솔을 사용하는 경우

document.getElementById("myList")당신이이 오류를 얻을거야 .document

이 없습니다.

Answer 3

document.getElementById('mylist').addEventListener('click', function(event) { 
    if ('LI' != event.target.tagName) return; 
    alert(event.target.innerText); 
}, false); 

은 참조 :

• https://developer.mozilla.org/en/DOM/event.target
• https://developer.mozilla.org/en/DOM/element.addEventListener

Answer 4

원시 자바 스크립트로 클릭 핸들러를 접선에 들어가기없이, 당신은이 작업을 수행 할 수 있습니다

<li><a href="javascript://" onclick="alertMe(this)">White</a></li> 

,

JS :

function alertMe(element) { 
     alert(element.innerText) 
} 

Answer 5

<ul id="mylist"> 

    <li><a href="javascript:void(0)" onclick="clickMe(this)">White</a></li> 
     <li>Silver </li> 
      <li>Dark Gray</li> 
       <li>Khaki </li> 
</ul> 

머리 부분이 추가 :

<script type="text/javascript"> 
function clickMe(cid){ 
alert(cid.innerHTML); 

} 
</script>