js如何获取点击<li>标签里的值
来源:互联网 发布:淘宝详情页跳出率 编辑:程序博客网 时间:2024/05/18 03:43
思路:为li对象添加单击事件→事件触发后利用innerHTML获取li的文本。实例演示如下:
1、HTML结构
1
2
3
4
5
6
<
ul
id
=
"test"
>
<
li
>Glen</
li
>
<
li
>Tane</
li
>
<
li
>John</
li
>
<
li
>Ralph</
li
>
</
ul
>
2、javascript代码
1
2
3
4
5
6
7
8
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、效果演示
阅读全文
0 0
- js如何获取点击<li>标签里的值
- 获取ul下li标签里点击的是哪一个li并获取li里a标签的值
- javascript获取点击<li>标签里的值
- js点击获取当前li标签的index值
- 获取li标签里的值
- js获取li标签的value值
- 针对js中li标签的获取
- 点击li标签获取该标签的内容
- JS获取 select标签里的值
- 点击li标签中的a href内容,获取相应的li标签,删除/编辑该li的内容
- js实现点击<li>标签弹出其索引值
- jQuery点击获取li的值
- js获得点击标签里的数据
- 鼠标点击页面中的任意标签,alert该标签的名称和 js实现点击<li>标签弹出其索引值
- Jquery和JS获取ul中li标签的值以及赋值问题
- 使用vue点击li,获取当前点击li父辈元素的属性值
- js获取li的索引值
- js点击获取标签里面的id
- 16级暑假训练一--棋盘问题
- 深入了解String,特别是==与hashCode()
- Hadoop
- linux IO 内核参数调优 之 原理和参数介绍
- thinkPHP5-性能调试
- js如何获取点击<li>标签里的值
- Android上加载大图片需要注意的问题
- 用Hadoop构建电影推荐系统
- R语言实现随机森林
- <%= %>和${ }区别
- 第三方App接入微信登录 解读流程(完善中)
- 常用位运算函数源码解析
- HDU_【2017 Multi-University Training Contest 2】——1008 To my boyfriend
- NavigationController