使用getElementsByTagName可以获得li元素数组 再通过判断数组的长度就可以获得li元素的个数了
<ul id ='myul'>
<li></li>
<li></li>
</ul>
如上述结构 首先获得ul元素，再调用getElementsByTagName函数
temp = documentgetElementById('myul');
lis = tempgetElementsByTagName('li');
alert(lislength); //显示li元素的个数
或者直接得到：
documentgetElementById('myul')getElementsByTagName('li')length
onload=function(){
var ul = documentgetElementsByTagName("ul")[0];
getLis(ul);
}
var getLis = function(ul){
var ulc = ulchildren;
for(var i = 0; i < ulclength; i++){
var lii = ulc[i];
if(liitagNametoLowerCase() == "li"){
consolelog(lii);
}
var cs = liichildren;
for(var j = 0; j < cslength; j++){
var csj = cs[j];
if(csjtagNametoLowerCase() == "ul"){
getLis(csj);
}
}
}
}
1l的才算对，2l的就有点，，嗯你都知道id了还取什么呢，不过一楼是用jquery的，我就说一下js的吧
documentgetElementsByTagName("li")[index]id
如果你只需要获取最里层的第一个 li 的话，可以用documentquerySelector("on > ul >on")
如果还想获取最里层的所有 li 的话 ，可以用documentquerySelectorAll("on > ul >on")
，最好是给每个ul 加个类名，选择子元素的时候，就不用写那么多层了。
<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>
javascript中获得元素个数用的函数是length属性，也就是在获取的dom元素的时候返回dom的个数。比如documentgetElementsByTagName('div')length;这样就获得了div的个数，那么，要获得子元素的个数，同样的用哪个length就可以完成，只不过，需要指定父元素，比如：var father=documentgetElementById('divid');从father中获得子元素个数：fathergetElementsByTagName('a')length;这样就能获取到father中a元素的个数了。
1、创建一个testhtml文件。
2、在文件内，使用ul、li标签创建一个测试的列表，同时创建一个button按钮，用于触发执行js函数。
3、在js标签内，
百度经验2020-01-12
其他人还搜了
js标签中点击事件失效
js 判断回车键
js判断是否是chrome
js判断数组中是否包含某一项
js添加标签绑定多个事件
js判断对象是否为空
js if判断多个条件_JS条件判断小技巧（一）weixin_39540271的博客-CSDN博客
文章标签：js if判断多个条件 js map用法 js table多层嵌套 js 数组追加 js三元表达式 经常code review，我发现JS newbie很容易写出一堆冗长的代码。今天就列几个比较常见的“解决之道”，看看
CSDN技术社区2020-12-03
js 动态添加标签绑定多个事件-鸡蛋是方的-博客园
1:此方法为以aa开头的input标签绑定了事件；2：此方法:绑定多个事件，多个事件用空格分开，例子绑定了点击和输入时事件；3：如果调用第三方插件方法
博客园2020-04-09
请问怎么用js判断循环里面li标签？百度知道
回答:2
代码： menu{width:100%;text-align:center;} menu li{display:inline-block;background:#ccc;padding:15px 20px;} current{color:#f3c;} a href="#">menu</a></li> menu1 menu2 menu3 var lilenght=$("menu li")length;获取li个数 consolelog(lilenght) if
百度知道2020-11-20
js多重判断多个条件的方法-web教程网
我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，
web教程网
js 怎么获取a标签被点击的链接,有多个a标签-ZOL问答
5条回答：推荐答案添加onclick事件，获取href属性就知道具体的url地址了!DOCTYPEhtmlhtmlbodyscriptfunctionaclick(self){alert(selfhref);}/scriptahref=ddd
中关村在线
JS添加标签-程序员大本营
我开始使用的是appendChild函数，结果发现appendChild只能添加指定标签，像我这样需要加一大堆标签和标签属性 *** 作起来就略显麻烦。于是我转而使用append函数，最开始我是这样写的：结果效果如下
>
1 objstyle：这个方法只能JS只能获取写在html标签中的写在style属性中的值（style=”…”），而无法获取定义在<style type="text/css">里面的属性。
复制代码代码如下:
<span style="font-family:Arial;font-size:14px;"><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 10 Transitional//EN” “>
以上就是关于如何用JavaScript获得ul中的li的个数全部的内容，包括:如何用JavaScript获得ul中的li的个数、javascript里获取div或ul元素的第一层li或div节点数组再获取第二层li数组再及以下节点如下、js怎么获取ul li 的id等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）