Как вызвать окно оповещения, нажав на элемент списка?

Question

Может ли кто-нибудь помочь мне с моим простым сценарием? У меня есть список цветов в html-коде, и мне просто нужно сделать свой js-код для всплывающего оповещения со значением элемента списка, по которому щелкнули. Пожалуйста, помогите мне! Вот что у меня есть:

HTML

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

А вот код JS (он отображает предупреждение со значением элемента списка при загрузке окна, но мне нужно, чтобы он отображался после нажатия на каждый элемент)

<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

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 2

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 3

<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>

Answer 4

Не вдаваясь в подключение обработчиков кликов в сыром JavaScript, вы можете сделать это:

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

JS:

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

Answer 5

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

document.getElementById("myList") не имеет .document

Если вы используете консоль Firebug или Chrome, вы получите эту ошибку там.