js中childNodes与firstChild、lastChild
2014-10-09 20:03
435 查看
在JavaScript中,使用childNodes属性可以返回一个数组,这个数组包含给定元素节点的全体子节点,如代码所示:
平板视图打印?
如果要取得id为action的ul的第一个li内的文本节点(如取得:第一个),可以使 用…childNodes[1].childNodes[0].nodeValue这种方法找到,使 用…childNodes[1].firstChild.nodeValue同样可以找到第一个li的文本节点,
结论childNodes[0]等价于firstChild,无论何时何地,重要需要访问childNodes[]数组的第一个元素,我们就可以把它写成firstChild,DOM还提供一个与之对应的lastChild属性。
需要注意的是,ff的空格节点问题,可以使用nodeType属性对节点类型判断,直到发现元素节点为止
平板视图打印?
01 | < body > |
02 | < ul id = "action" > |
03 | < li title = "第一段文字" >第一个</ li > |
04 | < li title = "第二段文字" >第二个</ li > |
05 | </ ul > |
06 | < script type = "text/javascript" > |
07 | var attr_p = document.getElementById("action"); |
08 | alert(attr_p.childNodes[1].childNodes[0].nodeValue); |
09 | </ script > |
10 | </ body > |
结论childNodes[0]等价于firstChild,无论何时何地,重要需要访问childNodes[]数组的第一个元素,我们就可以把它写成firstChild,DOM还提供一个与之对应的lastChild属性。
需要注意的是,ff的空格节点问题,可以使用nodeType属性对节点类型判断,直到发现元素节点为止
相关文章推荐
- js:childNodes与firstChild、lastChild
- js:childNodes与firstChild、lastChild
- DOM属性(childNodes, nodeType, nodeValue, nodeName, firstChild, lastChild)
- js中firstChild和childNodes[0]以及children[0]之间的点滴问题
- DOM属性(childNodes, nodeType, nodeValue, nodeName, firstChild, lastChild)
- Js的parentNodes和ChildNodes
- Js-parentNode、parentElement,childNodes、children 它们有什么区别呢?
- js.parentNode,parentElement、childNodes、children 区别
- Google Maps API一例错误处理 SCRIPT5007: 无法获取属性“firstChild”的值: 对象为 null 或未定义 main.js
- Js-parentNode、parentElement,childNodes、children 它们有什么区别呢?
- JS教程:childNodes与parentNode
- Js中parentNode,parentElement,childNodes,children之间的区别
- 兼容的firstChild,lastChild,nextSibling,previousSibling写法
- JS中childNodes深入学习
- firstChild,firstElementChild,lastChild,lastElementChild 的用法与兼容
- javascript-获取parentNode-firstChild-lastChild的方法及案例
- js childNodes 在傲游浏览器下的表现真诡异
- Js-parentNode、parentElement,childNodes、children 的区别
- 高性能JS--比较nextSibling,ChildNodes,Children速度
- js:警惕firstChild