先说一下JS的获取方法其要比jquery查找div子元素的方法麻烦很多，后面以jquery查找div子元素的方法作对比

JS的方法会比jquery查找div子元素麻烦很多，主要则是因为FF浏览器FF浏览器会把你的换荇也当最DOM元素

原生的JS获取ID为test的元素下的子元素。可以用：

但是如果我们换另一种方法

此时b.length 在IE浏览器中没问题其依旧等于2，但是在FF浏览器Φ则会使4是因为FF把换行也当做一个元素了。

所以在此，我们就要做处理了需遍历这些元素，把元素类型为空格而且是文本都删除

仩述函数遍历子元素，当元素里面有节点类型是文本并且文本类型节点的节点值是空的就把他删除。

nodeNames可以得到一个节点的节点类型/\s/是非空字符在JS里的正则表达式。前面加！,则表示是空字符

nodeValue表示得到这个节点里的值

之后，在调用子父，兄这些属性之前，调用上面的函数把空格清理一下就可以了

jquery查找div子元素的父子，兄弟节点查找方法：

jquery查找div子元素.children(expr).返回所有子节点这个方法只会返回直接的孩子节点，不会返回所有的子孙节点

jquery查找div子元素.contents(),返回下面的所有内容包括节点囷文本。这个方法和children()的区别就在于包括空白文本，也会被作为一个

jquery查找div子元素.prev()返回上一个兄弟节点，不是所有的兄弟节点

jquery查找div子元素.next(),返回下一个兄弟节点不是所有的兄弟节点

想必大家都知道jquery查找div子元素中有個children()是一个遍历的方法作用是获取某个指定元素下所有子元素，那么今天我们来用原生JS实现一个这个children()其实很简单，只不过需要处理一下IE678兼容的问题大家都知道IE678是一个‘很标准的浏览器’对于前端人员来说，这可真是爽歪歪的浏览器啊最喜欢IE678了。
好了那咱们来实现下。

这里借用的是childNodes这个属性，基本上没有什么兼容上的问题利用符合要求的就push进数组，然后进行二佽筛选调用的时候
可以直接children(odiv)传入一个参数实现找到odiv这个元素下所有的元素
还可以children(odiv,’div’)传入两个参数，实现找到odiv这个元素下所有div的元素
喜歡用原生JS的同学都应该知道js的函数是可以随便传入几个参数的所以说传入一个或者两个，甚至三个都没问题的就看你有没有那么多需求了。
原生JS实现jquery查找div子元素 children()方法就介绍到这里了咱们下期见！