document.documentElement和document.body區別簡單介紹
這兩個概念是非常的好區分的,從名稱就可以輕鬆知道,但是不知道為什麼還是有不少的朋友對這兩個經常混淆。
下面就簡單介紹一下這兩者的區別,希望能夠給需要的朋友帶來一定的幫助。
區別如下:
(1).body是DOM物件中的body子節點,就是使用<body>標籤來定義的。
(2).documentElement是整個DOM節點樹的根節點,就是用<html>標籤來定義的。
本人感覺之所以兩者讓人有所疑問,就是兩個都可以在不同的條件先獲取瀏覽器客戶區的尺寸。
下面給出簡單的例子:
在怪異模式下,也就是沒有生命DTD的情況下可以使用如下程式碼獲取客戶區的高度:
在標準模式下,可以使用如下程式碼獲取:[JavaScript] 純文字檢視 複製程式碼document.body.clientHeight
[JavaScript] 純文字檢視 複製程式碼document.documentElement.clientHeight
當然在現今,可能沒有哪個稍有經驗的前端人員在怪異模式下寫程式碼。
相關文章
- URL和URI的區別簡單介紹
- 簡單介紹 "&&" 與 “&” 和 ”|“ 與 ”||“ 的區別
- inherit和initial屬性值區別簡單介紹
- closest()、parents()和parent()方法的區別簡單介紹
- javascript原始值和物件的主要區別簡單介紹JavaScript物件
- callee與caller的區別簡單介紹
- document,document.documentElement區別
- height:inherit和height:100%的區別簡單介紹
- max-height和height屬性的區別簡單介紹
- orm的method屬性值post和get的區別簡單介紹ORM
- 簡單介紹HTTP與HTTPS之間的區別HTTP
- jQuery子選擇器和後代選擇器區別簡單介紹jQuery
- ssr、ss和vpn介紹和區別
- MySQL單列索引和組合索引的區別介紹MySql索引
- javascript Object型別物件簡單介紹JavaScriptObject型別物件
- ARouter簡單入門和介紹
- javascript &&和||運算子簡單介紹JavaScript
- FTP和TFTP的區別與介紹FTP
- SVG簡單介紹SVG
- HTML簡單介紹HTML
- ActiveMQ簡單介紹MQ
- HTML 簡單介紹HTML
- JavaScript 簡單介紹JavaScript
- CSS 簡單介紹CSS
- SCSS 簡單介紹CSS
- UICollectionView 簡單介紹UIView
- css簡單介紹CSS
- javascript數字和字串資料型別轉換簡單介紹JavaScript字串資料型別
- 簡單介紹Tomcat中catalina.out 和 catalina.log的區別和用途Tomcat
- javascript資料型別轉換簡單介紹JavaScript資料型別
- javascript異常報錯型別簡單介紹JavaScript型別
- input:file上傳型別控制簡單介紹型別
- clientTop和clientLeft屬性用法簡單介紹client
- 設計模式和反模式簡單介紹設計模式
- div和span元素的用法簡單介紹
- redis的簡單使用和介紹(轉載)Redis
- RPC簡單介紹RPC
- Webpack 的簡單介紹Web