<li></li>标签组合肯定不止一个,它都有自己的id,比如0;我建议给<p class="yangbanfang"></p>中a标签和<p class="canguan"></p>中input标签加一个共同元素,比如<a id="a0"></a>;<input listid="0" onlick="open2(this)"></input>
function open2(obj)
{
listid = objgetAttribute("listid");
alert(documentgetElementById("a"+listid)InnerHTML());
}
要不就就<input onlick="open2(this)"></input>
function open2(obj)
{
var node_li = objparentNodeparentNodeparentNode;
alert(node_li documentgetElementsByTagName("a")[0]InnerHTML());
}
另外估计有的函数名我写错了,我对js不熟
方法一：绑定数据在dom元素上。
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>test</title>
<script>
windowonload=function() {
var lis = documentquerySelectorAll('ul li');
for (var i = 0; i < lislength; i++) {
lis[i]_index = i;
lis[i]onclick = function() {
alert(this_index + 1);
};
}
};
</script>
</head>
<body>
<ul>
<li>li1</li>
<li>li2</li>
<li>li3</li>
</ul>
</body>
</html>
方法二：闭包
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>test</title>
<script>
windowonload = function ()
{
var lis = documentquerySelectorAll ('ul li');
var anonymous = function (i)
{
lis[i]onclick = function ()
{
alert (i + 1);
};
};
for ( var i = 0; i < lislength; i++)
{
anonymous (i);
}
};
</script>
</head>
<body>
<ul>
<li>li1</li>
<li>li2</li>
<li>li3</li>
</ul>
</body>
</html>
方法三：使用 let 关键字 声明
浏览器及最低版本支持
Chrome Firefox (Gecko) Internet Explorer Opera
410 20 (181) [1] 11 17
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>test</title>
<script>
windowonload = function ()
{
"use strict";
var lis = documentquerySelectorAll ('ul li');
for ( var i = 0; i < lislength; i++)
{
let j = i;
lis[i]onclick = function ()
{
alert (j + 1);
};
}
};
</script>
</head>
<body>
<ul>
<li>li1</li>
<li>li2</li>
<li>li3</li>
</ul>
</body>
</html>
<script type="text/javascript">
function pro(){
//得到li的数组
var lis = documentgetElementById("ul的ID")getElementsByTagName("li");
for(var i=0;i<9;i++){
var li = lis[i];
//你要的9个li
}
}
</script>
以上就是关于如何用js获取li标签值全部的内容，包括:如何用js获取li标签值、javascript 怎么获取 li里面点击的元素索引呢、javascript获取<ul>中的前几个<li>等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）