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;//阻止事件冒泡；
}//简单的鼠标点击事件
}
方法一：绑定数据在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>
可使用CSS3给前3个li设置样式，具体代码如下：
newlist ul li:nth-child(1){}/第一个li的样式设置/newlist ul li:nth-child(2){}/第二个li的样式设置/
newlist ul li:nth-child(3){}/第三个li的样式设置/
newlist ul li:nth-child(1) > span{}/第一个li下面的span样式设置/
newlist ul li:nth-child(1) > em{}/第一个li下面的em样式设置/
例如
< ul>
< li></ li>
</ ul>
var ul= document getElementTayName[0];
var li= ul getElementTayName[0];
不知道你是否要表达的这个意思，其实还有很多方法，有个dome最好了
以上就是关于怎么获取ul内li里面a 元素全部的内容，包括:怎么获取ul内li里面a 元素、javascript 怎么获取 li里面点击的元素索引呢、JQ如何获取UL里的前3个li,然后更改em的class属性等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）