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