以文本方式查看主题

-  ╋艺 镇╋  (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() 方法。