<div class="codetitle"> <span><a style="CURSOR: pointer" data="50889" class="copybut" id="copybut50889" onclick="doCopy('code50889')"><u>複製程式碼</u></a></span> 程式碼如下:</div> <div class="codebody" id="code50889"> <br>--documentElement 屬性可傳回文件的根節點。 <br> <br> <br><title></title> <br><script type="text/javascript "> <BR>function shownode() { <BR>var ohtml = document.documentElement; <BR>//alert(ohtml.nodeName); <BR>//alert(ohtml.childNodes.length); <BR>/ /alert(ohtml.childNodes[1].nodeName); //取得body <BR>//var obody = ohtml.childNodes[1]; //一層層的找到div <BR>var obody = ohtml.lastChild; //快速取得ohtml的最後一個子節點<BR>//alert(obody.childNodes[0].nodeName); <BR>//alert(obody.parentNode.nodeName); //根據子節點找到想要的父節點<BR>//alert(obody.previousSibling.nodeName); <BR>var ohead = ohtml.childNodes[0]; <BR>// alert(ohead.nextSibling.nodeName); <BR>} <BR>} <BR> </script> <br> <br>//body如果和div之間有空格，或每個層之間有空格，會影響取得結果<br><div id="div1 ">第一層</div> <div id="div2">第二層</div> <br><div>第三層<img src="images/4.jpg" alt="document.documentElement的一些使用技巧_javascript技巧" > </div> <br><div> <br>第四層<input id="Button1" type="button" value="顯示節點" onclick="shownode();"> </div> <br> <br> </div>
