復制代碼 代碼如下:
--documentElement 屬性可返回文檔的根節點。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function shownode() {
var ohtml = document.documentElement;
//alert(ohtml.nodeName);
//alert(ohtml.childNodes.length);
//alert(ohtml.childNodes[1].nodeName); //獲取body
//var obody = ohtml.childNodes[1]; //一層層的找到div
var obody = ohtml.lastChild; //快速獲取ohtml的最後一個子節點
//alert(obody.childNodes[0].nodeName);
//alert(obody.parentNode.nodeName); //根據子節點找到想要的父節點
//alert(obody.previousSibling.nodeName);
var ohead = ohtml.childNodes[0];
// alert(ohead.nextSibling.nodeName);
}
</script>
</head>
//body如果和div之間有空格，或者每個層之間有空格，會影響獲取結果
<body><div id="div1">第一層</div> <div id="div2">第二層</div>
<div>第三層<img src="images/4.jpg" /></div>
<div>
第四層<input id="Button1" type="button" value="顯示節點" onclick="shownode();"/></div>
</body>
</html>