为所有li节点增加onclick事件
来源:互联网 发布:守望先锋 网络质量 编辑:程序博客网 时间:2024/06/06 02:20
this是最为关键的,直接附上源码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
window.onload = function(){
var liNodes = document.getElementsByTagName("li");
for(var i = 0 ;i < liNodes.length; i++){
liNodes[i].onclick = function(){
alert(this.firstChild.nodeValue);
//以下这几种都不行
//alert(liNodes[i].innerText);
//alert(liNodes[i].firstChild.nodeValue)
}
}
}
</script>
</head>
<body>
<p>你喜欢哪个城市?</p>
<ul id="city">
<li id="bj">北京</li>
<li>上海</li>
<li>深圳</li>
<li>广州</li>
</ul>
<p>你喜欢哪款单机游戏?</p>
<ul id="game">
<li id="cs">CS射击</li>
<li>红警</li>
<li>极品飞车</li>
<li>魔兽争霸</li>
</ul>
</body>
</html>
0 0
- 为所有li节点增加onclick事件
- li onclick事件获取index JQuery
- 利用TreeView.TreeNodePopulate 事件为TreeView动态增加节点
- 利用TreeView.TreeNodePopulate 事件为TreeView动态增加节点
- 为TextBox添加onclick事件
- 为iframe添加onclick事件
- 为iframe添加onclick事件
- 通过单击事件给li添加节点
- 在TreeView节点的Onclick事件使用方法。
- JS动态增加删除UL节点LI及相关内容
- JavaScript动态增加删除UL节点LI及相关内容
- js动态增加ul节点li及input
- js 根据节点增加ul列表li内容
- 为集群增加新节点
- js为li列表添加点击事件
- 为RadioButtonList添加页面的onclick事件
- jQuery动态增加删除li及事件绑定
- JavaScript给每一个li节点绑定点击事件
- qt:graphicsitem graphicsscene graphicsview坐标关系实例
- linux主机名称的小问题
- char* 和char []的区别
- 如何彻底卸载和重装ADS1.2//ADS与K…
- STM32输出PWM状态总结
- 为所有li节点增加onclick事件
- STM32如何配置使用SPI通信
- STM32的使用之SPI通信DMA模式
- STM32F3硬件I2C与LSM303DLHC通信
- STM32F3-PWM输入捕获测量频率脉宽…
- STM32高分辨率定时器(HRTIM)使用笔…
- STM32数模转换-DAC_DMA
- STM32F3—CAN通信自发自收
- STM32F3实时时钟RTC-闹钟和唤醒中…