导航
Document是根节点
parentNode获取父节点
chidNode获取所有子节点
firstChild获取第一个子节点
lastChild获取最后一个子节点
<body>
<div name="第一章">
<p id="p1">第一段<span>第一句</span><span>第二句</span></p>
</div>
<input type="button" value="获取p1父节点的name属性" onclick="fun1()" />
<input type="button" value="获取p1子节点的个数" onclick="fun2()" />
<input type="button" value="获取p1第一个子节点的节点类型" onclick="fun3()" />
<input type="button" value="获取p1最后一个子节点的节点类型" onclick="fun4()" />
</body>
<script type="text/javascript">
var p1 =document.getElementById("p1");
function fun1(){
var value=p1.parentNode.getAttribute("name");
alert(value);
}
function fun2(){
var childs =p1