JavaScript DOM 事件（二）

如下图：实现点击每个li节点，都弹出其文本值

<p>喜欢城市</p>
<ul id="city">
    <li id="bj" name="beijing">北京</li>
    <li id="sh" name="beijing">上海</li>
    <li id="zz" name="beijing">郑州</li>
</ul>

代码如下：

window.onload = function(){
// 点击每个li节点，都弹出其文本值
var liNode = document.getElementsByTagName("li");
//使用for循环进行遍历,得到每一个li节点

for(var i=0; i< liNode.length; i++){
liNode[i].onclick= function(){
//在响应函数中获取当前节点的文本节点的文本值
//alert(liNode[i].firstChild.nodeValue);该方法不能实现，此时i已经是3了，而liNode[3]不指向任何节点
alert(this.firstChild.nodeValue);//this 正在响应事件的节点
}
}
}

效果如下：