document.documentElement 和 document.body

最新推荐文章于 2021-08-11 17:43:57 发布
转载 最新推荐文章于 2021-08-11 17:43:57 发布 · 184 阅读 · 0

本文深入解析了document.documentElement和document.body的使用，展示了如何通过这些属性直接引用HTML和BODY元素，揭示了DOM操作的核心技巧。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

document.documentElement

对<html />元素的引用
document.documentElement === document.getElementsByTagName('html')[0]

document.body

对<body />元素的引用
document.body === document.getElementsByTagName('body')[0]

document.documentElement && document.documentElement.scrollTop
10-30
var scrollTop = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop; console.log('当前滚动位置：', scrollTop); }; ``` 总的来说，理解和正确使用`document....
document.documentElement document.documentElement.scrollTop
01-19
在标准的浏览器下，需要注意的东西，例如双击自动滚动 var diffY; if (document.documentElement && document.... else if (document.body) diffY = document.body.scrollTop else {/*Netscape stuff*/}
document.documentElement和document.body区别介绍
09-05
body是DOM对象里的body子节点，即body标签，documentElement 是整个节点树的根节点root，详细介绍请看本文，感兴趣的朋友可以参考下
document.documentElement和document.body区别
我的博客
09-06 1563
区别： body是DOM对象里的body子节点，即 标签； documentElement 是整个节点树的根节点root，即 标签； 没使用DTD情况即怪异模式BackCompat下： document.documentElement.clientHeight=0 document.body.clientHeight=618 使用DTD情况即标准模式CSS
document.documentElement和document.body的区别
热门推荐
菜鸟史
04-15 1万+
网页中获取滚动条卷去部分的高度，可以通过 document.body.scrollTop 来获取，比如使div跟着滚动条滚动： window.onscroll = function () { var div = document.getElementById("div"); div.style.top = document.body.scrollTop + "px"
document.body
06-30 126
比如document.body,最好是写成document.getElementsByTagName("body")[0]; 转载于:https://www.cnblogs.com/loveMis/p/9246513.html
由document.body和document.documentElement想到的
09-06
3. `document.body.scrollWidth`和`scrollHeight`表示元素的实际内容宽度和高度，即使内容超过了可视区域。 4. `document.body.scrollTop`和`scrollLeft`分别表示垂直和水平方向上的滚动量。 此外，`window`对象...
document.documentElement与document.body
莹儿的博客
01-14 265
两种特殊的文档属性可用来访问根节点： document.documentElement document.body 第一个属性可返回存在于 XML 以及 HTML 文档中的文档根节点。 第二个属性是对 HTML 页面的特殊扩展，提供了对 标签的直接访问。 【文档类型已申明】 IE document.documentElement.scrollHeight 浏览器所有内容高度 document....
document.body和document.documentElement的比较
congcongsuiyue的专栏
11-27 701
ocument.body是DOM中Document对象里的body节点， document.documentElement是文档对象根节点(html)的引用。      IE在怪异模型（quick mode）下document.documentElement无法正确取到clietHeight scrollHeight等值，比如clietHeight=0。可以见IE的怪异模型并没有把htm
document.body属性.document.body.scrollTop
04-18
NULL 博文链接：https://lingf.iteye.com/blog/1852295
document.body 和 document.documentElement 的区别
Mark的专栏
09-10 8938
在设计页面时可能经常会用到固定层的位置，这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标，这里可能就会用到document.body.scrollTop等属性，但是此属性在xhtml标准网页或者更简单的说是带标签的页面里得到的结果是0，如果不要此标签则一切正常，那么在xhtml页面怎么获得body的坐标呢，当然有办法-使用document.documentElement来取代d
document.body 与 document.documentElement区别
weixin_45172119的博客
08-11 650
document.body 与 document.documentElement区别 （1）什么是document.body？ 返回html dom中的body节点 即<body> （2）什么是 document.documentElement？ 返回html dom中的root 节点 即<html> （3）document.documentElement 与 document.body的应用场景 获取 scrollTop 方面的差异 ①在chrome(版本
document.body属性
weixin_34411563的博客
03-31 197
1、若网页中含有< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >这一行代码，则应该使用document.documentElement2、若网页中只有而没有上面的一行代...
document.body 属性
m0_57835615的博客
05-29 4794
document.body 属性用于设置或返回文档体。 1.返回当前文档的 <body> 元素
document，document.documentElement区别
05-23
在浏览器中，`document`代表整个HTML文档对象，而`document.documentElement`则代表HTML文档中的根元素元素`<html>`。 具体来说，`document`对象是JavaScript中访问和操作当前网页文档的主要接口。它提供了许多方法和属性，可以用来获取或修改文档的各个方面，比如文档内容、元素节点、样式、事件等。而`document.documentElement`则是文档对象模型（DOM）中的一个属性，它返回HTML文档中的根元素`<html>`。根元素是整个DOM树的起点，所有其他元素都是它的子元素或后代元素。通过`document.documentElement`可以访问到根元素的各种属性和方法，比如`document.documentElement.style`可以获取或设置根元素的样式。 需要注意的是，在一些浏览器中，`document.documentElement`可能指向`<html>`元素的实际位置不同。比如在Quirks模式下，它可能指向`<body>`元素，而在Standards模式下则指向`<html>`元素。因此，在编写JavaScript代码时，最好根据实际情况进行测试和判断。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值