dom 获取节点练习

<script type="text/javascript" charset="utf-8">
function getNodeByLevel() {
//获取页面中的表格节点
var tabNode=document.getElementById("tabid");
//获取父节点
//     var node=tabNode.parentNode;
//     alert(node.nodeName);
//获取子节点
// var node=tabNode.childNodes;
// alert(node[0].childNodes[0].nodeName);
//获取兄弟节点 上一个
// var node=tabNode.previousSibling;
// alert(node.nodeName);
//获取兄弟节点下一个
var node=tabNode.nextSibling;
alert(node.nodeName);

}
</script>
<input type="button" name="通过节点层次关系取得节点" onclick="getNodeByLevel()"/>
<div>div 区域</div>
<span>span区域</span>
<table id="tabid">
<tr>
<td>单元一</td>
<td>单元二</td>
</tr>
</table> <span>span区域</span>

<dl>
<dt>上层项目</dt>
<dd>下层项目</dd>
</dl>