获取子元素节点(children,childNodes)

在js中获取元素节点有DOM对应的方法如getElementsByTagName()等等。。对于获取子元素还有另外一种获取方法ChildNodes

不过ChidNodes在高级浏览器除（IE6-8）里面来说是"不太正常"的,因为它除了获取到了元素节点的同时也获取到了文本节点，这就是传说中的买一送一？不过，这个送一的活动咱们不想要的时候可以和nodeType结合，就可以进行筛选。代码如下

当然，这个判断是针对高级浏览器。IE6-8是不要进行nodeType的判断的，因为它本来获取的就是只有元素节点，没有文本节点。

除了childNodes这种获取子元素的方法以外，还有一个方法叫做children，这个是不要判断兼容性的，IE6-8，其他高级浏览器都支持。具体用法如下：

再说说跟这两个相关的获取节点的方法：firstChild（firstElementChild）[第一个子元素]、lastChild（lastElementChild）[最后一个子元素]、nextSibling(nextElementSibling)[同级的下一个元素]、previousSibling(previousElementSibling)[同级的上一个元素]、parentNode[父节点]

其中括号里面的是在高级浏览器中获取元素节点的方法，括号外（IE6-8）和括号内(高级浏览器)就相当于是解决一个兼容性问题吧。都比较简单，我就不举例子了。

获取子元素节点(children,childNodes)相关推荐

JS DOM获取兄弟和子元素节点
JS DOM获取兄弟和子元素节点文章目录 JS DOM获取兄弟和子元素节点 children 和 childNodes firstChild 和 firstElementChild last ...
js父元素获取子元素img_JS获取子节点、父节点和兄弟节点的方法实例总结
本文实例讲述了JS获取子节点.父节点和兄弟节点的方法.分享给大家供大家参考,具体如下: 一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名 ...
js基础总结——js 获取元素节点、js 绑定onclick事件、js 获取属性修改属性值、js 获取子元素、js 改变css样式
参考书籍:<JavaScript DOM编程艺术第2版> 本博客代码的测试页面是:https://www.layui.com/ js dom操作 js 获取元素节点一份document ...
js获取子元素，原生获取子元素
js原生获取子节点: 1.封装成公用方法,以便于复用. function deleteTextNode(id) {var _elem = document.getElementById(id),_ch ...
jq 获取含类的子集_jquery获取子元素
Jquery获取子元素的方法有2种,分别是children()方法和find()方法. 下面我们分别来使用这两种方法,看看它们有何差异. children()方法:获取该元素下的直接子集元素 find ...
html一级子元素,获取子元素_html/css_WEB-ITnose
1.纯css 获取子元素 #test1>div {background-color:red;} #test1 div {font-size:14px;} #test1>div:first- ...
报错：Uncaught TypeError: 获取的元素节点.setAttribute is not a function
我们在写代码的时候可能会遇到类似的报错: Uncaught TypeError: div1.setAttribute is not a function 源代码是这样的: <!DOCTYPE h ...
爬取的网页，获取子元素内容的方法
今天练习网络爬虫,爬取豆瓣电影Top 250,其中每部电影有排名.评分.电影名.导演等信息,分布在不同的标签下面,而每部电影的所有信息都在一个大的<div>标签下,因此需要获取子元素的内容 ...
jquery只获取自身文本节点，不获取子元素的
jQuery.text()方法时候,会把子元素的文本也获取到,以下方法可获取自身文本节点,不包括子元素 <div id="demo">只获取我<a href=&q ...

获取子元素节点(children,childNodes)

获取子元素节点(children,childNodes)相关推荐

最新文章

热门文章