js:childNodes与firstChild、lastChild

来源:互联网 发布:网络编辑简历模板 编辑:程序博客网 时间:2024/05/21 07:14

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

平板视图打印?
01<body>
02<ul id="action">
03    <li title="第一段文字">第一个</li>
04    <li title="第二段文字">第二个</li>
05</ul>
06<script type="text/javascript">
07var attr_p = document.getElementById("action");
08alert(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属性对节点类型判断,直到发现元素节点为止

0 0
原创粉丝点击