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);
}
}
}
}
<div id="myDiv" class="myClass">
<ul>
<li></li>
<li></li>
</ul>
</div>
如上，可以这样获取:
1documentquerySelectorAll("div li");
2documentquerySelectorAll("#myDiv li");
3documentquerySelectorAll("myClass li");
返回的都是li的nodeList集合，类似数组
1、比如我们要得到或者获取到这个div元素。
2、我们就可以这样做，使用$("div")，这就是直接通过元素名来获取，注意要加引号哦。
3、或者你可以给元素添加类，如图，我就加了一个bd类。
4、然后我们这样$("bd")也是可以得到div元素的哦，注意类名是需要一个点的哦。
5、此外，id也是一个不错的方法，不过id只能有一个，不能重名哦。
6、jQuery中id要加#号才会有效哦。
7、最后我就整理好jQuery一些比较常用的获取元素的方法。
如果是jQuery就很好做：
var arr=$('#total')children('firstChild');//获取类firstChild的三个节点然后遍历，获取子节点:
var list=[];//存放子节点
for(var i=0,len=arrlength;i<len;i++){
var ele=$(arr[i])children();
if(ele) listpush(ele);//我习惯判断一下ele是否有值，如果没有子节点的话：ele=undefined
}
我试过了，有作用的，你要么就委派事件，如果还不可以的话，delegate知道吧？？？
<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8>
<meta name="keywords" content="节点,元素,数组,也是,的话">
<title>白菜编辑部</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-180minjs"></script>
<script type="text/javascript">
jQuery (function ($)
{
$ ('body')append ('<div class="out"><a></a><h1></h1><div class="btn">btnbtnbtn</div></div>');
$ ('divout')mouseover (function ()
{
$ ('btn')show ();
})mouseout (function ()
{
$ ('btn')hide ();
});
});
</script>
</head>
<body>
</body>
</html>
var a = documentgetElementById("abs");
var b = absdocumentgetElementsByTagName("input");
获取id为abs下的所有input
DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。
DIV在编程中又叫做整除，即只得商的整数。 DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。
以上就是关于javascript里获取div或ul元素的第一层li或div节点数组再获取第二层li数组再及以下节点如下全部的内容，包括:javascript里获取div或ul元素的第一层li或div节点数组再获取第二层li数组再及以下节点如下、JS怎么获取DIV里面的li节点、Jquery如何获得div下的元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）