JS点击列表li获取li的id

点击列表li获取li的id

<div><ul id="test1"><li id="1">我是list1</li><li id="2">我是list2</li><li id="3">我是list3</li><li id="4">我是list4</li><li id="5">我是list5</li><li id="6">我是list6</li><li id="7">我是list7</li></ul>
</div>
<script type="text/javascript">var mytest = document.getElementById('test1');mytest.onclick = function(e){console.log(e.target.id);};
</script>

JS点击列表li获取li的id相关推荐

js 点击a标签获取a的自定义属性
今天项目上遇到一个问题,需要在点击a标签时,将完整的内容显示出来原先是想用jquery的click方法 <a ownattr="--" onClick="show ...
很基本的js点击事件和jq点击事件的写法
js点击事件常用获取到id <div id="box">click</div> var btn=document.getElementById('box' ...
js中的onclick事件在ul获取li时点击两次才会执行的原因
js中的onclick事件在ul获取li时点击两次才会执行的原因下面的代码中只有onclick第二次才会执行函数内部的代码代码实例如下: <!DOCTYPE html> <ht ...
js获取li标签中子标签属性
js获取li标签中子标签属性 1.获取并修改li标签下子标签的classname var ul=document.getElementById("ul的id").getElemen ...
列表项目＜li＞标签的使用
列表项目<li>标签的使用在有序列表中使用在无序列表中使用在无序列表中动态添加项 li标签中的各属性 <li>标签定义列表项目. <li>标签可用在有序列表& ...
JS点击获取验证码后60秒内禁止重新获取（防刷新）
JS点击获取验证码后60秒内禁止重新获取(防刷新) 参考 · 阅读文章: JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效) 注意: 场景:在登录页点击发送啊验证码按钮,开始进入倒计时,在第3 ...
vue点击ul中的li显示，点击其他地方隐藏
vue点击ul中的li显示弹框,点击其他地方隐藏弹框注意:ref="seatTipOperation" <ulref="seatTipOperation" ...
【一句话调用】h5页面返回缓存如js加载列表页点击进入详情页，返回后刷新的问题和无法定位问题 html 返回定位
在做html5开发时,经常会碰到从列表页跳转到详情页,然后在点击返回或者手机手势返回后,列表内容刷新且无法定位到点击的位置,尤其包含列表加列表的情况问题尤其明显. 解决办法如下: 1.vue的组件切 ...
html 弹出复选框,js点击文本框弹出可选择的checkbox复选框
本文分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解 ...

JS点击列表li获取li的id

JS点击列表li获取li的id相关推荐

最新文章

热门文章