js中如何获取div下的二级子元素

Jquery的遍历，其实就当前位置的元素相对于其他元素的位置的关系进行查找或选取HTML元素。以某项选择开始，并沿着这条线进行移动，或向上（父级）、或向下（子级）、或水平（同级），直到找到目标元素为止，这种移动也被成为对DOM进行遍历。

其实对于DOM来说，这个不陌生，Jquery的遍历也就是在DOM树上上蹿下跳，当然这种上蹿下跳不是没有规则的，胡乱的找是让人鄙视的。通俗的说，在一颗树上（你也在树上，已经爬上去了，哈哈），以你所在的位置为起点，以树上有个桃子为目的地，你的这个起点也就是当前 this ,去移动去摘桃子的过程就是Jquery遍历，所以相对应的Jquery所衍生出的遍历方法可以分为三大类，即Jquery遍历之父级（祖先）、同级（同胞）和子级（后代）三种。

下面例子通过documentgetElementsByClassName("class1")获取所有同一class的元素，使用for循环把取得的div元素的值存入数组arr中，完成的代码如下：

运行结果，打印数组如下：

扩展资料：

js或jQuery获取html元素的值的常用方法：

例如：<div id="aa">值</div>

js写法：

alert(documentgetElementById('aa')innerHTML);

jQuery写法：

alert($('#aa')html());

说明如下：

innerHTML是取元素的内部html代码，此例中即div内部的所有html代码。

html()方法作用也是取dom节点的内部html内容，是jQuery中的函数方法。

原理就是先在当前页面中找到你的Iframe对象

var

oframe

=

documentgetElementById("iframe");

再将iframe对象看着是另一个页面的文本对象

var

childDome

=

oframedocumentgetElementById("H");

简洁点的就是：documentgetElementById("iframe")documentgetElementById("H");

或者是：documentgetElementById("Result")contentWindowdocumentgetElementById("h");

直接写内容页面上控件的ID就行，getElementById("ID")，但是在获取模板页上的ID的时候就不能这样了，你要看模板页的控件的ID最后编译成什么了，好像所在的模板控件的加上下滑线再加自己的ID，这个怎么看，就把页面在浏览器中查看一下，然后右键看原文件，这时候的控件都会被编译成html的控件，哪个是你要找的控件，你就找哪个控件的ID。

以上就是关于js中如何获取div下的二级子元素全部的内容，包括:js中如何获取div下的二级子元素、HTML5 js如何获取所有相同ID或class的元素、js怎么获取iframe页面中的dom元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！