document.documentElement的一些使用技巧
更新時(shí)間：2013年04月18日 14:59:53 作者：
documentElement 屬性可返回文檔的根節(jié)點(diǎn)，接下來為大家詳細(xì)介紹下document.documentElement的一些使用技巧，感興趣的朋友可以參考下哈
復(fù)制代碼 代碼如下:
--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)文章
微信小程序?qū)崿F(xiàn)動(dòng)態(tài)獲取元素寬高的方法分析
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)動(dòng)態(tài)獲取元素寬高的方法,結(jié)合實(shí)例形式分析了微信小程序動(dòng)態(tài)獲取、設(shè)置元素寬高的相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2018-12-12
CutePsWheel javascript libary 控制輸入文本框?yàn)榭墒褂脻L輪控制的js庫(kù)
實(shí)現(xiàn)類似于Photoshop控制面板輸入文本數(shù)字的效果，所以名稱叫做PsWheel。用于控制輸入數(shù)字類型文本框?qū)崿F(xiàn)鼠標(biāo)滾輪上下滑動(dòng)改變值，支持正整數(shù)、小數(shù)類型輸入文本。2010-02-02
JS實(shí)現(xiàn)閃動(dòng)的title消息提醒效果
這篇文章主要介紹了JS實(shí)現(xiàn)閃動(dòng)的title消息提醒效果,考慮并兼容了大部份的瀏覽器,需要的朋友可以參考下2014-06-06
微信小程序獲取用戶信息的兩種方法wx.getUserInfo與open-data實(shí)例分析
這篇文章主要介紹了微信小程序獲取用戶信息的兩種方法wx.getUserInfo與open-data,結(jié)合實(shí)例形式分析了wx.getUserInfo與open-data獲取用戶信息的相關(guān)操作技巧與使用注意事項(xiàng),需要的朋友可以參考下2019-05-05
JS面試題之如何判斷兩個(gè)數(shù)組的內(nèi)容是否相等
這篇文章主要為大家詳細(xì)介紹了JavaScript面試的?？碱},即如何判斷兩個(gè)數(shù)組的內(nèi)容是否相等,文中的示例方法講解詳細(xì),需要的小伙伴可以參考一下2023-10-10
這篇文章主要為大家詳細(xì)介紹了用js實(shí)現(xiàn)輪播圖，播放上一張，下一張，可選取第幾張等效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
微信小程序?qū)崿F(xiàn)隨機(jī)驗(yàn)證碼功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)隨機(jī)驗(yàn)證碼功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
使用js簡(jiǎn)單實(shí)現(xiàn)了tree樹菜單
使用js簡(jiǎn)單實(shí)現(xiàn)了樹菜單！具體實(shí)現(xiàn)實(shí)例代碼如下，相信自己你一定可以實(shí)現(xiàn)的更好2013-11-11
如何在selenium中使用js實(shí)現(xiàn)定位
這篇文章主要介紹了如何在selenium中使用js實(shí)現(xiàn)定位,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-08-08
javascript時(shí)間自動(dòng)刷新實(shí)現(xiàn)原理與步驟
javascript時(shí)間自動(dòng)刷新在應(yīng)用中很常見，本人今天整理了一些，感興趣的朋友可以參考下哦2013-01-01