JavaScript DOM 事件（二）
来源：互联网 发布：哈萨克音乐bayge软件 编辑：程序博客网 时间：2024/05/17 08:31
如下图：实现点击每个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 正在响应事件的节点}}}
效果如下：
0 0
- JavaScript DOM 事件（二）
- JavaScript DOM（三）-DOM事件
- JavaScript DOM 事件（三）
- DOM事件详解（二）
- DOM编程-事件（二）
- JavaScript DOM（二）--DOM操作
- javaScript-DOM操作（二）
- JAVASCRIPT HTML DOM（二）
- javascript之（二）DOM
- javascript事件（二）
- javascript基础（DOM对象概述,事件，文档加载）（二十五）
- JavaScript（二）--BOM编程/事件编程/DOM编程/正则表达式
- JavaScript基础篇(二)— — DOM事件基础
- 精通JavaScript DOM事件（转帖）
- Javascript 事件对象 （DOM && IE）
- JavaScript DOM添加事件
- JavaScript-DOM-事件
- JavaScript HTML DOM 事件
- 判断一个数是否为素数
- G
- CSDN日报20170407 ——《嘿，程序猿，你该学点经济学了！》
- windows下安装xgboost教程
- java实体类实现序列化的意义
- JavaScript DOM 事件（二）
- Android-CheckBox和RadioButton调整间距（有坑，注意）
- G
- Leetcode78——Subsets
- J2EE：servlet 跳转、自启动
- 资深制作人谈游戏策划如何入行
- 关于集群和分布式部署
- linux下安装numpy,scipy,matplotlib
- FairyGUI之drawcall优化
