以文本方式查看主题

-  ╋艺 镇╋  (http://wdystv.com/bbs/index.asp)
--  ┣◇网站建设&Web语言  (http://wdystv.com/bbs/list.asp?boardid=4)
----  childNodes、parentNode、firstChild以及lastChild  (http://wdystv.com/bbs/dispbbs.asp?boardid=4&id=2312)
--  作者：admin
--  发布时间：2010/9/20 11:56:13
--  childNodes、parentNode、firstChild以及lastChild
XML DOM childNodes 属性

定义和用法

　　childNodes 属性可返回指定节点的子节点的节点列表。

语法：

　　nodeObject.childNodes

提示和注释

　　提示：请使用 length 属性来计算一个节点列表中节点的数目。当你已获悉节点列表的长度后，您就可以轻松地循环遍历此列表，并提取您所需要的值！

实例

　　在所有的例子中，我们将使用 XML 文件 books.xml，以及 JavaScript 函数 loadXMLDoc()。
　　下面的代码片段显示了此XML文档的子节点：
　　xmlDoc=loadXMLDoc("books.xml");
　　var x=xmlDoc.childNodes;
　　for (i=0;i<x.length;i++) { document.write("Nodename: " + x[i].nodeName) document.write(" (nodetype: " + x[i].nodeType + ")<br />") }

IE 的输出：

　　Nodename: xml (nodetype: 7)Nodename: #comment (nodetype: 8) Nodename: bookstore (nodetype: 1)

Mozilla (Firefox)的输出：

　　Nodename: #comment (nodetype: 8)Nodename: bookstore (nodetype: 1)
[此贴子已经被作者于2011-7-26 19:37:28编辑过]
--  作者：admin
--  发布时间：2011/7/26 19:37:44
--  

这三个属性 parentNode、firstChild 以及 lastChild 可遵循文档的结构，在文档中进行“短距离的旅行”。

请看下面这个 HTML 片段：

<table>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>Alaska</td>
  </tr>
</table>

在上面的HTML代码中，第一个 <td> 是 <tr> 元素的首个子元素（firstChild），而最后一个 <td> 是 <tr>元素的最后一个子元素（lastChild）。

此外，<tr> 是每个 <td>元 素的父节点（parentNode）。

对 firstChild 最普遍的用法是访问某个元素的文本：

var x=[a paragraph];
var text=x.firstChild.nodeValue;

parentNode 属性常被用来改变文档的结构。假设您希望从文档中删除带有 id 为 "maindiv" 的节点：

var x=document.getElementById("maindiv");
x.parentNode.removeChild(x);

首先，您需要找到带有指定 id 的节点，然后移至其父节点并执行 removeChild() 方法。