 
--documentElement 屬性可返回文檔的根節(jié)點(diǎn)。 
<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的最后一個(gè)子節(jié)點(diǎn) 
//alert(obody.childNodes[0].nodeName); 
//alert(obody.parentNode.nodeName); //根據(jù)子節(jié)點(diǎn)找到想要的父節(jié)點(diǎn) 
//alert(obody.previousSibling.nodeName); 
var ohead = ohtml.childNodes[0]; 
// alert(ohead.nextSibling.nodeName); 
} 
</script> 
</head> 
//body如果和div之間有空格，或者每個(gè)層之間有空格，會(huì)影響獲取結(jié)果 
<body><div id="div1">第一層</div> <div id="div2">第二層</div> 
<div>第三層<img src="images/4.jpg" /></div> 
<div> 
第四層<input id="Button1" type="button" value="顯示節(jié)點(diǎn)" onclick="shownode();"/></div> 
</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

JavaScript DOMContentLoaded事件案例詳解
這篇文章主要介紹了JavaScript DOMContentLoaded事件案例詳解,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
2021-09-09
關(guān)于TypeScript應(yīng)該盡量避免的語法總結(jié)
TypeScript是JavaScript的超集,具有類型系統(tǒng),支持ES6語法,支持面向?qū)ο缶幊痰母拍?下面這篇文章主要給大家介紹了關(guān)于TypeScript應(yīng)該盡量避免的語法,需要的朋友可以參考下
2022-04-04
JS中var let聲明范圍區(qū)別詳解
這篇文章主要為大家介紹了JS中var let聲明范圍區(qū)別示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-07-07
JavaScript語句錯(cuò)誤throw、try及catch實(shí)例解析
這篇文章主要介紹了JavaScript語句錯(cuò)誤throw、try及catch實(shí)例解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-08-08
基于JavaScript實(shí)現(xiàn)頁面輪播圖漸變效果的示例代碼
這篇文章主要給大家分享如何使用JavaScript實(shí)現(xiàn)一個(gè)頁面輪播圖漸變效果,輪播圖是網(wǎng)頁開發(fā)中常見的功能之一,它能夠展示多個(gè)圖片或內(nèi)容,并以一定的時(shí)間間隔進(jìn)行自動(dòng)切換,而通過添加漸變效果,可以讓切換過程更加平滑流暢,感興趣的小伙伴可以自己動(dòng)手嘗試一下
2023-10-10
JavaScript實(shí)現(xiàn)電燈開關(guān)小案例
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)電燈開關(guān)小案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-03-03
用 js 寫一個(gè) js 解釋器過程詳解
這篇文章主要介紹了用 js 寫一個(gè) js 解釋器過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-08-08
Javascript如何實(shí)現(xiàn)雙指控制圖片功能
這篇文章主要介紹了Javascript如何實(shí)現(xiàn)雙指控制圖片功能,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-02-02
Bootstrap彈出框之自定義懸?？驑?biāo)題、內(nèi)容和樣式示例代碼
這篇文章主要介紹了Bootstrap彈出框之自定義懸?？驑?biāo)題、內(nèi)容和樣式示例代碼,需要的朋友可以參考下
2017-07-07
layui框架table 數(shù)據(jù)表格的方法級(jí)渲染詳解
今天小編就為大家分享一篇layui框架table 數(shù)據(jù)表格的方法級(jí)渲染詳解，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08