<html>
<div id="content">
<ul>
</ul>
<ul>
<li>第一个</li>
<li>第二个</li>
<li>第三个</li>
</ul>
</div>
<script type="text/javascript">
var uls=documentgetElementById("content")getElementsByTagName("ul");
alert(uls[1]getElementsByTagName("li")length);
</script>
</html>
整体思路：可以用for循环去遍历<ul>下的所有<li>；然后对比鼠标悬浮时对应的li元素，输出当前的i，也就是对应li的下标。
接下来是对无序列表做一下简单的样式，便于后期测试悬浮效果；给li设置一下宽度以及设置一下边框
整体思路：可以用for循环去遍历<ul>下的所有<li>；然后对比鼠标悬浮时对应的li元素，输出当前的i，也就是对应li的下标。
var lis = documentquerySelectorAll("ul li");
for(var i = 0; i < lislength; i++){
lis[i]onmouseover = function(){}
}
<div>
11
<ul>
<li>1</li>
<ul onmouseout="aa(this)"> <li>33</li></ul>
<li>2</li>
</ul>
</div>
<SCRIPT type=text/javascript>
function aa(obj)
{
alert(objparentNodeparentNodepreviousSiblingdata);//第一个11
alert(objpreviousSiblingdata);//第二个1
alert(objchildNodes[0]innerText);//第三个33
alert(objparentNodenextSiblinginnerText);//第四个2
}
</SCRIPT>
以上就是关于怎么用js获取id为content元素下的第二个ul元素下的li元素的个数全部的内容，包括:怎么用js获取id为content元素下的第二个ul元素下的li元素的个数、js怎么获取鼠标悬浮在某一个li时，该li的下标、js中怎样获取ul里面的多个li元素然后给每个li添加移入事件等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）