javascript获取点击<li>标签里的值
2016-07-08 18:39
309 查看
具体参考下面例子
为li对象添加单击事件→事件触发后利用innerHTML获取li的文本。实例演示如下:
1、HTML结构
<ul id="test"> <li>Glen</li> <li>Tane</li> <li>John</li> <li>Ralph</li> </ul>
2、javascript代码
window.onload = function(){ var obj_lis = document.getElementById("test").getElementsByTagName("li"); for(i=0;i<obj_lis.length;i++){ obj_lis[i].onclick = function(){ alert(this.innerHTML); } } }
3、效果演示
相关文章推荐
- JSP中脚本、声明和表达式的本质区别
- js实现多文件上传
- JS问题解决(一)
- JS中的prototype
- 《Javascript高级程序设计》读书笔记之——基本包装类型
- JavaScript 资源大全中文版
- JavaScript中的Function类型浅析
- Javascript高级程序设计-问答模式
- echart.js的使用与API
- 一个调用网易云音乐API 下载想要歌曲的几行字
- javascript基础:事件4事件绑定及深入
- 常用效果(六) : 格式化json 日志
- JavaScript学习之变量
- js获取url传递参数,js获取url?号后面的参数
- JavaScript网页编程之------浏览器对象模型(BOM)
- js第四天总结
- js中的关系操作符
- webstorm支持ES6语法详解
- Start My JS Road:2
- javascript sort函数探究