您的位置:首页 > Web前端 > Node.js

js中childNodes与firstChild、lastChild

2014-10-09 20:03 435 查看
在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属性对节点类型判断,直到发现元素节点为止
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js childnode