js如何获取点击<li>标签里的值

Question

<li><a href="javascript:;">用户管理</a></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>标签时获取“用户管理”，“部门管理”等值

Answer 1

思路：为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、效果演示

Answer 2

alxw4616 的回答，是教你使用jquery，这样是很方便！
如果你不想使用jq，那就可以这样
先写一个js函数，
function val(a){
alert(a);
}
然后在li标签上添加点击事件，调用这个函数并将当前li里的文本当做参数一起发送给js函数
<li><a href="javascript:val(this.innerText);">角色管理</a></li>

Answer 3

<script type="text/javascript" src="/scripts/jquery-1.7.2.min.js"></script>
<script >
$("li").click(function(){
alert($(this).text())
})
</script>追问

是这样的，我一个页面里有一个iframe，当我点击标签时连接一个新的页面在iframe里显示，同时想在iframe里调用标签的值，请问如何实现

追答

我不知道你的水平,所以不知道应该怎么教你.
简单的说吧,
一. 你要改变 iframe 的指向
$("li").click(function(){
$("iframe").attr("src",$(this).val());
})
二.只在当 iframe 加载完成后 你才能取得其内部的值.
$("iframe").load(function(){
// 内部第一个 li的文本值
var ss = $(this).contents().find("li").eq(0).text();
//调你的函数
alert(ss);
})
三.取到值后,调你的函数.注意这里的异步执行的

本回答被提问者采纳

Answer 4

<li><a href="" onclick="javascript:alert(this.innerText);return false;">用户管理</a></li>

Answer 5

window.onload = function(){
var ul = document.getElementsByTagName("ul");
ul.addEventListener("click",function(){
alert(event.target.innerHTML)
})
}
event.target获取事件目标节点