document.body和document.documentElement区别

最新推荐文章于 2020-03-05 10:35:47 发布
转载 最新推荐文章于 2020-03-05 10:35:47 发布 · 375 阅读 · 1 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/frontendnotes/p/6536052.html

本文探讨了在不同浏览器环境下如何正确使用document.documentElement与document.body来获取页面滚动位置的方法，并给出了兼容性处理方案。

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

1.document.documentElement表示文档节点树的根节点，即<html>

　document.body是body节点

2.　页面具有 DTD，或者说指定了 DOCTYPE 时，使用 document.documentElement

　　页面不具有 DTD，或者说没有指定了 DOCTYPE，时，使用 document.body

　　在 IE 和 Firefox 中均是如此

　　Chrome不识别document.documentElement

3.　兼容性处理方法：var=scrollTop=document.body.scrollTop||document.documentElement.scrollTop

转载于:https://www.cnblogs.com/frontendnotes/p/6536052.html

由document.body和document.documentElement想到的
01-19
其实这个对于我们开发兼容性的web页面还是很有帮助，我们都知道，盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在不声明Doctype的情况下，浏览器默认是Quirks Mode。所以为兼容性考虑，我们可能需要...
document.documentElement && document.documentElement.scrollTop
10-30
在JavaScript中，`document.documentElement` 和 `document.documentElement.scrollTop` 是两个非常重要的属性，它们与网页文档的DOM（Document Object Model）交互，特别是涉及到页面滚动时的行为。本文将深入讲解...
document.documentElement和document.body区别介绍
09-05
body是DOM对象里的body子节点，即body标签，documentElement 是整个节点树的根节点root，详细介绍请看本文，感兴趣的朋友可以参考下
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和document.documentElement比较
热门推荐
百川异源，终归于海
02-10 1万+
document.body和document.documentElement比较：     document.body是DOM中Document对象里的body节点， document.documentElement是文档对象根节点(html)的引用。     IE在怪异模型（quick mode）下document.documentElement无法正确取到clietHeight scrol
document.body 与 document.documentElement区别
骆小胖~
10-08 4377
&gt;  （2）什么是 document.documentElement？          返回html dom中的root 节点 即&lt;html&gt; （3）document.documentElement 与 document.body的应用场景 获取 scrollTop 方面的差异 ①在chrome(版本 52.0.2743.116 m)下获取scrollTop只能通过document.body.scrollTop,而且DTD是否存在,不会影响 docume
解决VUE中document.body.scrollTop为0的问题
12-09
页面指定了DTD，即指定了DOCTYPE时，使用document.documentElement。 页面没有DTD，即没指定DOCTYPE时，使用document.body。 IE和Firefox都是如此。 以上这篇解决VUE中document.body.scrollTop为0的问题就是小编分享...
html中document.body 与 document.documentElement的区别
u011435776的博客
03-05 1389
项目中，经常会用到这两个来获取网页的滚动高度 const scrollTop = document.documentElement.scrollTop || document.body.scrollTop; //考虑浏览器兼容 但是具体有啥区别还是有点模糊，这里抽出时间整理一下。 1.document.body 返回html dom中的body节点 即<body> 2....
document.body和document.documentElement的区别
小可的笔记本
09-01 112
document.body:是DOM中Document对象里的body子节点   document.documentElement:DOM把层次中的每一个对象都称之为节点，就是一个层次结构，你可以理解为一个树形结构，就像我们的目录一样，一个根目录，根目录下有子目录，子目录下还有子目录。以HTML超文本标记语言为例：整个文档的一个根就是&lt;html&gt;,在DOM中可以使用document...
document.body 和 document.documentElement 的属性区别
xiaoyingdi的专栏
09-12 726
今天研究document的一些属性和方法的使用，结合其他前人的文章，来了解document对象。 得到各个属性如下：  网页可见区域宽： document .body.clientWidth;  网页可见区域高： document .body.clientHeight;  网页可见区域宽： document .body.offsetWidth   (包括边线的宽);  网页可见区域高
document.body 和 document.documentElement
zanazh的专栏
10-29 635
1）document.body和document.documentElement比较：         document.body是DOM中Document对象里的body节点， document.documentElement是文档对象根节点(html)的引用。         IE在怪异模型（quick mode）下document.documentElement无法正确取到clietHe
document.body 与 document.documentElement区别介绍
weixin_30763455的博客
11-21 126
什么是document.body？ 返回html dom中的body节点 即<body> 什么是document.documentElement？ 返回html dom中的root 节点 即<html> document.documentElement 与 document.body的应用场景 获取 scrollTop 方...
document.body 与 document.documentElement
ISaiSai的专栏
01-18 2103
document.body 是 body节点 document.documentElement 是 html 根节点<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div class="container"></div><script>
document.body 和 document.documentElement 的区别
Mark的专栏
09-10 8935
在设计页面时可能经常会用到固定层的位置，这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标，这里可能就会用到document.body.scrollTop等属性，但是此属性在xhtml标准网页或者更简单的说是带标签的页面里得到的结果是0，如果不要此标签则一切正常，那么在xhtml页面怎么获得body的坐标呢，当然有办法-使用document.documentElement来取代d
uni-app 获取不到document.documentElement.scrollTop || document.body.scrollTop
最新发布
06-10
根据用户的问题，用户希望在uni-app中解决无法获取document.documentElement.scrollTop或document.body.scrollTop的问题。从用户提供的引用中可以看到，在uni-app中，使用传统的DOM操作方式（如document对象）可能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值