<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></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> <br> </div>
