导航节点关系
您能够使用三个节点属性：parentNode、firstChild 以及 lastChild ，在文档结构中进行导航。
请看下面的 HTML 片段：
<html><head><metacharset="utf-8"></head><body><p>Hello World!</p><div> <p>DOM 是非常有用的!</p> <p>这个实例演示了节点的关系。</p></div></body></html>
- 首个 <p> 元素是 <body> 元素的首个子元素（firstChild）
- <div> 元素是 <body> 元素的最后一个子元素（lastChild）
- <body> 元素是首个 <p> 元素和 <div> 元素的父节点（parentNode）
firstChild 属性可用于访问元素的文本：
实例
<pid="intro">Hello World!</p><script>x=document.getElementById("intro"); document.write(x.firstChild.nodeValue);</script>
