到目前为止，我们研究了DOM结构，如何加载和解析XML DOM对象以及如何遍历DOM对象。在这里，我们将看到如何在DOM对象中的节点之间导航。 XML DOM由节点的各种属性组成，可帮助我们浏览节点，例如-

• parentNode
• 子节点
• 第一个孩子
• 最后一个孩子
• nextSibling
• 以前的兄弟姐妹

以下是一个节点树图，显示了它与其他节点的关系。

DOM-父节点

此属性将父节点指定为节点对象。

例

下面的示例(navigate_example.htm)将XML文档( node.xml )解析为XML DOM对象。然后通过子节点将DOM对象导航到父节点-

如上例所示，子节点Employee导航到其父节点。

执行

保存此文件作为服务器路径上navigate_example.html(此文件并node.xml应该在你的服务器在同一路径上)。在输出中，我们获得Employee的父节点，即Company 。

第一个孩子

此属性的类型为Node ，代表NodeList中存在的第一个子名称。

例

下面的例子(first_node_example.htm)解析XML文档( node.xml )成XML DOM对象，然后导航到第一个子节点存在于DOM对象的。

• 函数get_firstChild(p)用于避免空节点。这有助于从节点列表中获取firstChild元素。

• x = get_firstChild(xmlDoc.getElementsByTagName(“ Employee”)[0])获取标签名称Employee的第一个子节点。

执行

将此文件另存为first_node_example.htm在服务器路径上(此文件和node.xml应该在服务器上的同一路径上)。在输出中，我们获得Employee的第一个子节点，即FirstName 。

最后一个孩子

此属性的类型为Node ，代表NodeList中存在的最后一个子名称。

例

下面的例子(last_node_example.htm)解析XML文档( node.xml )成XML DOM对象，然后导航到子节点存在于XML DOM对象的最后。

执行

将此文件另存为server_path上的last_node_example.htm (此文件和node.xml应位于服务器上的同一路径上)。在输出中，我们获得Employee的最后一个子节点，即Email 。

下一个兄弟姐妹

此属性的类型为Node ，表示下一个子元素，即，存在于NodeList中的指定子元素的下一个同级元素。

例

以下示例(nextSibling_example.htm)将XML文档( node.xml )解析为XML DOM对象，该对象立即导航到xml文档中存在的下一个节点。

执行

将该文件另存为服务器路径上的nextSibling_example.htm (此文件和node.xml应位于服务器中的同一路径上)。在输出中，我们获得FirstName的下一个同级节点，即LastName 。

以前的兄弟姐妹

此属性的类型为Node ，表示先前的子元素，即，存在于NodeList中的指定子元素的先前的同级元素。

例

以下示例(previoussibling_example.htm)将XML文档( node.xml )解析为XML DOM对象，然后导航xml文档中存在的最后一个子节点的before节点。

执行

将该文件另存为服务器路径上的previoussibling_example.htm (此文件和node.xml应该在服务器中的同一路径上)。在输出中，我们获得Email的前一个兄弟节点，即ContactNo 。