js如何获取点击<li>标签里的值
<li><a href="javascript：;">角色管理</a></li>
<li><a href="javascript：;">权限管理</a></li>
<li><a href="javascript：;">部门管理</a></li>
<li><a href="javascript：;">退出登录</a></li>
如何用js动态获取上述点击<li>标签时获取“用户管理”，“部门管理”等值
最新回答
寄信给风
2022-11-01 10:51:57
思路：为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、效果演示
岁月并非如歌
2020-08-27 22:20:35
如果你不掘州侍想使用jq，那就可判吵以这样
先写一个js函数，
function val(a){
alert(a);
}
然后在li标签上添加点击事件，调用这个函数并将当前li里的文本当做参数一起发送给js函数
<li><a href="javascript：val(this.innerText);">角色管迹正理</a></li>
仲夏柠叶香
2021-01-12 20:05:53
<清洞script >
$("li").click(function(){
alert($(this).text())
})
</棚困script>
温茶
2024-01-07 19:39:03
怕失望
2021-07-17 07:19:31
var ul = document.getElementsByTagName("ul"伍侍睁);
ul.addEventListener("click"谈腔,function(){
alert(event.target.innerHTML)
})
}
event.target获取腔岁事件目标节点
热门标签
