document.body和document.documentElement的区别 - 唔愛吃蘋果 - ITeye博客

`

jhlovett

浏览: 601123 次
性别:
来自: 卡哇伊

最近访客更多访客>>

vcmasm

成长的菜鸟

zaweze

wwwxxxttt

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

w497480098h：学习了很好谢谢
SQL Server下无限多级别分类查询解决办法(简单查询树形结构数据库表)
main_fun：确实不错
iframe自适应高度
jveqi： ...
DBA
mxcie：其它版本没有确认，今天使用vs2003时，其.sln文件也需要 ...
彻底删除项目的VSS源代码管理信息
moneyprosper：就只有IE支持，火狐和谷歌都不支持此种方法。正在寻找中。。。
从父页面读取和操作iframe中内容方法

document.body和document.documentElement的区别

博客分类：

Javascript

阅读更多

document.body:是DOM中Document对象里的body子节点

document.documentElement:DOM把层次中的每一个对象都称之为节点，就是一个层次结构，你可以理解为一个树形结构，就像我们的目录一样，一个根目录，根目录下有子目录，子目录下还有子目录。

以HTML超文本标记语言为例：整个文档的一个根就是<html>,在DOM中可以使用document.documentElement来访问它，它就是整个节点树的根节点。而body是子节点，要访问到body标签，在脚本中应该写：document.body。

示例:

if(document.documentElement && document.documentElement.clientHight &&document.documentElement.clientWidth)
{
   theWindowHeight=document.documentElement.clientHeigth;
   theWindowWidht=document.documentElement.clientWidth;
}

if(document.documentElement && document.documentElement.clientHight &&document.documentElement.clientWidth)
这一句的逻辑是：如果存在document.documentElement实例，而且存在document.documentElement.clientHight实例和 document.documentElement.clientWidth实例

如果不加这一层控制，如果document.documentElement不是一个实例化的量（为null），那么执行：
theWindowHeight=document.documentElement.clientHeigth;
theWindowWidht=document.documentElement.clientWidth;
就会报“空指针错误”。

分享到：

iframe自适应高度 | IIS权限设置

2009-09-01 22:25
浏览 2336
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题: 火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题

解决VUE中document.body.scrollTop为0的问题: 页面指定了DTD，即指定了DOCTYPE时，使用document.documentElement。页面没有DTD，即没指定DOCTYPE时，使用document.body。 IE和Firefox都是如此。以上这篇解决VUE中document.body.scrollTop为0的问题就是小编分享...

用document.documentElement取代document.body的原因分析: 上次的测试说明了document.body属性并不会给我们返回预期的结果，比如我们用document.body.clientHeight原本想取得“页面可见区域高度”，可实际上返回的是“页面实际内容高度”。那我们怎么办呢？难道加上了文档...

用javascript地址栏显示源码: 用javascript地址栏显示源码: javascript:s=document.documentElement.outerHTML;document.write('<body></body>');document.body.innerText=s;

document.documentElement document.documentElement.scrollTop: if (document.documentElement && document.documentElement.scrollTop) diffY = document.documentElement.scrollTop; else if (document.body) diffY = document.body.scrollTop else {/*Netscape ...

由document.body和document.documentElement想到的: 其实这个对于我们开发兼容性的web页面还是很有帮助，我们都知道，盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在不声明Doctype的情况下，浏览器默认是Quirks Mode。所以为兼容性考虑，我们可能需要...

document.documentElement和document.body区别介绍: body是DOM对象里的body子节点，即body标签，documentElement 是整个节点树的根节点root，详细介绍请看本文，感兴趣的朋友可以参考下

获取页面长宽和滚动条的位置: } else if(document.body.scrollHeight > document.body.offsetHeight) { // all but IE Mac scrW = document.body.scrollWidth; scrH = document.body.scrollHeight; } else if(document.body) { /...

javascript scrollTop正解使用方法: 在实际应用中经常会遇到以下问题：document.documentElement.scrollTop在Chrome里总为0document.body.scrollTop 在IE和firefox里总为01、各浏览器下 window.pageYOffset/document.documentElement.scrollTop/...

不出现滚动条移动表格: var clientHeight = (document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight; } else { var clientHeight = (document....

原生js实现小球在屏幕上自由移动，当遇到屏幕边缘时反弹: 小球在桌面上自由移动，要清楚的几个问题 ...宽：document.documentElement.clientWidth || document.body.clientWidth; 高：document.documentElement.clientHeight || document.body.clientHeight;

javascript获取网页宽高方法汇总: document.body.offsetWidth – 网页可见区域宽，包括边线和滚动条的宽 document.body.offsetHeight – 网页可见区域高，包括边线和滚动条的高[FF,chrom下是整个页面高，IE opera 下正常] document.body.scrollWidth ...

document.body.scrollTop 值总为0的解决方法比较常见的标准问题: 页面具有 DTD（或者说指定了 DOCTYPE）时，使用 document.documentElement。

IE与FF下javascript获取网页及窗口大小的区别详解: 在新定义出来的标准下 document.documentElement.clientHeight在IE和火狐里都能获取正确值，下面一篇文章详细介绍了获取各种浏览器可见窗口大小这方面的差别： [removed]function getInfo(){ var s = “”; s += ...

Web遮罩層的實現方式: document.body.removeChild(document.getElementById("LoadingImg")); } } //遮罩整個IFrame function hideIframeNoImg(level) { var div = document.createElement("div"); var iframe=document....

取得窗口大小兼容所有浏览器的js代码: 取得窗口大小的代码：代码如下: var pageWidth = window.innerWidth, var pageHeight = window.innerHeight; if(typeof pageWidth != “number”){ if(document.compatMode ... }else{ pageWidth = document.body.clie

jQueryXPath.zip: $(document.documentElement).xpath("body | head"); // Returns {Element} head and body (ordered) $(document.documentElement).xpath("body, head"); // Returns {Element} body and head (not ordered) ...

地址栏显示源码.js: 地址栏显示源码.js地址栏显示源码.js地址栏显示源码.js

Global site tag (gtag.js) - Google Analytics