当前位置：首页 - 正文

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

发布网友发布时间：2022-04-22 09:55

我来回答

共5个回答

热心网友时间：2022-04-23 11:06

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

热心网友时间：2022-04-23 12:24

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

热心网友时间：2022-04-23 13:58

追答我不知道你的水平,所以不知道应该怎么教你.
简单的说吧,
一. 你要改变 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);
})
三.取到值后,调你的函数.注意这里的异步执行的

热心网友时间：2022-04-23 15:50

热心网友时间：2022-04-23 17:58

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

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com

焦点

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

最新推荐

猜你喜欢

热门推荐

js如何获取点击&lt;li&gt;标签里的值

最新推荐

猜你喜欢

热门推荐

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