ul li ul il结构用js怎么获取最底层的li对象

ul li ul il结构用js怎么获取最底层的li对象,第1张

给ul加一个唯一标识,一般用ID然后用documentgetElementById(刚刚给ul设置的ID)定位到ul再用ObjectchildNodes获取此ul下的所有li,返回的是一个存有li对象的数组有效下标为0~(你的li数量-1)之后就可以随意 *** 作了给你写个简单例子吧,还有不懂可以Q我<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" " >

<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>

javascript中获得元素个数用的函数是length属性,也就是在获取的dom元素的时候返回dom的个数。比如documentgetElementsByTagName('div')length;这样就获得了div的个数,那么,要获得子元素的个数,同样的用哪个length就可以完成,只不过,需要指定父元素,比如:var father=documentgetElementById('divid');从father中获得子元素个数:fathergetElementsByTagName('a')length;这样就能获取到father中a元素的个数了。

以上就是关于ul li ul il结构用js怎么获取最底层的li对象全部的内容,包括:ul li ul il结构用js怎么获取最底层的li对象、关于JS 遍历 ul li问题、怎么用js获取id为content元素下的第二个ul元素下的li元素的个数等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9470160.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存