getElementsByTagName返回的是数组，所以应该是使用；
documentgetElementById("ul")getElementsByTagName("li")[0]getElementsByTagName("a")[0];
一个简单的参考例子：
var oA=documentgetElementById('ul')getElementsByTagName('a');
//只需获取a对象；
var i;
for(i=0;i,oAlength;i++){
oA[i]index=i;
oA[i]onclick=function(){
alert(thisinnerHTML);
return false;//阻止事件冒泡；
}//简单的鼠标点击事件
}
因为不仅一个li，你这样写是拿不到任何一个li的值，你想要获取全部li的值，只能自己写个函数来循环得到里面所有的li的值，给ul绑定一个叫test的id，然后执行下下面的代码
windowonload = function(){var obj_lis = documentgetElementById("test")getElementsByTagName("li");
for(i=0;i<obj_lislength;i++){
obj_lis[i]onclick = function(){
alert(thisinnerHTML);
}
}
}
方法一：绑定数据在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>
以上就是关于怎么获取ul内li里面a 元素全部的内容，包括:怎么获取ul内li里面a 元素、jq如何获取li里面value值、javascript 怎么获取 li里面点击的元素索引呢等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）