javascript里获取div或ul元素的第一层li或div节点数组再获取第二层li数组再及以下节点如下

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

            }

        }

    }

}

<ul id="list">

<li></li><li></li>

</ul>

----

<script type="text/javascript">

alert(documentgetElementById("list")getElementsByTagName("li")length);

</script>

----

步骤：

1、给UL一个ID值

2、使用documentgetElementById获取到这个ID值对应的UL对象

3、再使用getElementsByTagName，获取到UL对象底下的LI集合

4、最后获取这个LI集合的length值，就得到了LI的数量

// 取得当前节点的父节点的所有直接子节点，查看当前节点在所有子节点中的位置，index从0开始。

var index = $(this)index($(this)parent()children());

首选假设有一个DOM结构

<div id="content">

<ul><li>1</li></ul>

<ul><li>2</li></ul>

</div>

现在我取content元素下的第二个ul元素下的li元素的个数,代码如下

$(function(){

$("#content ul:nth-child(2)")children("li")length;

});

<div id="myDiv" class="myClass">

<ul>

<li></li>

<li></li>

</ul>

</div>

如上，可以这样获取:

1documentquerySelectorAll("div li");

2documentquerySelectorAll("#myDiv li");

3documentquerySelectorAll("myClass li");

返回的都是li的nodeList集合，类似数组

以上就是关于javascript里获取div或ul元素的第一层li或div节点数组再获取第二层li数组再及以下节点如下全部的内容，包括:javascript里获取div或ul元素的第一层li或div节点数组再获取第二层li数组再及以下节点如下、如何用js获取ul下li数量的值、js/jquery怎么样获取本身节点位于兄弟中的第几个等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！