Javascript 如何通过单击列表项元素调用警报窗口？

谁能帮我写一个简单的脚本？我有一个html代码中的颜色列表，只需要让我的js代码弹出一个带有单击列表项值的警报。请帮帮我！以下是我所拥有的：

HTML

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

白色的
银币
深灰色
卡其色

这是JS代码（它在窗口加载时显示一个带有列表项值的警报，但我需要它在单击每个项后显示）

var a=document.getElementById（'mylist'）.getElementsByTagName（'li'）；
对于（变量i=0；i

演示：
var a=document.getElementById（'mylist'）.getElementsByTagName（'li'）；
对于（变量i=0；i

演示：

document.getElementById（“myList”）
没有
.document

如果您使用firebug或chrome控制台，您将在那里遇到此错误

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

document.getElementById（“myList”）
没有
.document

如果您使用firebug或chrome控制台，您将在那里遇到此错误

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

另见：





另见：




无需在原始JavaScript中连接单击处理程序，您可以执行以下操作：

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

无需在原始JavaScript中连接单击处理程序，您可以执行以下操作：

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



银币
深灰色
卡其色


将此添加到您的头部部分：

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

}
</script>


功能clickMe（cid）{
警报（cid.innerHTML）；
}


银币
深灰色
卡其色


将此添加到您的头部部分：

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

}
</script>


功能clickMe（cid）{
警报（cid.innerHTML）；
}
嗨！非常感谢你的帮助！我对javascripting完全陌生。你能解释一下你在警报中调用的“this”吗？@user976813
this
指的是对象本身。嗨！非常感谢你的帮助！我对javascripting完全陌生。你能解释一下你在警报中调用的“this”吗？@user976813
this
指的是对象本身。
<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>