js:childNodes与firstChild、lastChild

最新推荐文章于 2022-03-21 17:55:55 发布

aokuijiang0440

最新推荐文章于 2022-03-21 17:55:55 发布

阅读量222

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Love-lisa/archive/2012/05/14/2499166.html

版权

在JavaScript中，使用childNodes属性可以返回一个数组，这个数组包含给定元素节点的全体子节点，如代码所示:

平板视图打印？

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>

如果要取得id为action的ul的第一个li内的文本节点（如取得：第一个），可以使用…childNodes[1].childNodes[0].nodeValue这种方法找到，使用…childNodes[1].firstChild.nodeValue同样可以找到第一个li的文本节点，
结论childNodes[0]等价于firstChild，无论何时何地，重要需要访问childNodes[]数组的第一个元素，我们就可以把它写成firstChild，DOM还提供一个与之对应的lastChild属性。
需要注意的是，ff的空格节点问题，可以使用nodeType属性对节点类型判断，直到发现元素节点为止

转载于:https://www.cnblogs.com/Love-lisa/archive/2012/05/14/2499166.html