document.body 和 docuement.documentElement

最新推荐文章于 2021-09-15 10:01:07 发布
最新推荐文章于 2021-09-15 10:01:07 发布
阅读量672 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： js html 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/stepliblog/article/details/49104487
本文解析了document.body与document.documentElement的区别，前者指HTML中显示的内容，后者为文档根节点。并通过不同浏览器环境下获取scrollTop的方法进一步说明两者的使用场景。

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

document.body 和 docuement.documentElement

看了很多博客，好多地方都有问题，于是乎在https://developer.mozilla.org/en-US/docs/Web/API/Document看了下正解。说白了，document.body就是我们在HTML中展现的内容，而docuement.documentElement则表示文档的根节点（例如在HTML文档中则表示为<html>节点）。
然后在获取scrollTop上，
1.chrome
无论是否有DTD，获取方法就是document.body.scrollTop
2.Firefox
有DOCTYPE 申明：document.documentElement.scrollTop
无申明：document.body.scrollTop

javaScript v8引擎的垃圾回收（gc）浅析
柯闪电，一位前端小白的博客。
05-02 2446
一、v8数据存放 在程序运行时，存放数据地方主要分为堆内存和栈内存 栈内存：因为使用的栈结构设计，所以叫栈内存，是一块连续的内存空间，处存储简单的数据，如基本类型（number、boolean、string）的值，复杂类型的堆内存指针也会存储在此，它是一个key、value的储存类型。栈内存的垃圾回收由系统自动直接管理，进行分配以及释放。 堆内存：是一块不连续的内存空间，效率不如栈，可以存储栈内存的所有能储存的数据并且存储object数据。需要v8引擎主动去进行垃圾回收，这篇文章讲解的也是堆内存的垃圾回收
sap 用户接口(User exit)
最新发布
woniu_maggie的博客
08-19 1427
sap 用户接口(User exit)
document.body和document.documentElement的区别
weixin_30835649的博客
03-10 96
document.body和document.documentElement的区别主要在<html>文件中有没有DTD声明。 详情参看《docuement.body和document.documentElement的区别》一文 转载于:https://www.cnblogs.com/chaoguo1234/archive/2013/03/10/2952947.html...
js中获取html元素之document.documentElement
韦_恩的博客
05-18 1万+
document.documentElement Document.documentElement 是一个会返回文档对象（document）的根元素的只读属性（如HTML文档的 <html> 元素）。 对于任何非空 HTML 文档，调用 document.documentElement 总是会返回一个 <html> 元素，且它一定是该文档的根元素。借助这个只读属性，能方便地获取到任意文档的根元素。 参考文档 html中document.body 与 document.d
python网络编程学习笔记（8）：XML生成与解析（DOM、ElementTree）
weixin_34099526的博客
10-17 533
转载请注明：@小五义http://www.cnblogs.com/xiaowuyi xml.dom篇     DOM是Document Object Model的简称，XML 文档的高级树型表示。该模型并非只针对 Python，而是一种普通XML 模型。Python 的 DOM 包是基于 SAX 构建的，并且包括在 Python 2.0 的标准 XML 支持里。 一、xml.dom的简单介绍...
python中documentelement_document、element、node方法
weixin_39839541的博客
12-12 1248
document方法：getElementById(id) 返回指定结点的引用getElementsByTagName(name) 返回文档中所有匹配的元素的集合createElement(name) 创建指定类型的新结点createTextNode(text)...
JS document方法
zzzjx19970411的博客
07-22 3179
1、document.open()，document.close() document.open方法清除当前文档所有内容，使得文档处于可写状态，供document.write方法写入 内容。 document.close方法用来关闭document.open()打开的文档。 2、document.querySelector() document.querySelector方法接受一个CSS选择器作为参数，返回匹配该选择器的元素节点。如果 有多个节点满足匹配条件，则返回第一个匹配的...
sms realted document
11-29
标题中的“SMS related document”和描述中的“if you need SMS development, please check it.”提示我们这份文档与短信（Short Message Service, SMS）的开发有关。标签“short message document”进一步确认了这...
C#和Sqlserver2008开发的学生信息管理系统源代码
该源代码文件被放置在特定的路径下，即E:\Temp\Docuement\Visual Studio 2010\Projects\学生信息管理系统。在部署之前，需要在该路径下创建相应的文件夹和子文件夹结构，然后将源代码文件解压缩到对应的项目文件夹中...
C#使用ITextSharp操作pdf
Diamond、的博客
08-31 2499
在.NET中没有很好操作pdf的类库，如果你需要对pdf进行编辑，加密，模板打印等等都可以选择使用ITextSharp来实现。 第一步：可以点击这里下载，新版本的插件升级和之前对比主要做了这几项重大改变 1.初始化对汉字的支持 2.对页眉页脚的加载形式 第二步：制作pdf模板 可以下载Adobe Acrobat DC等任意一款pdf编辑工具，视图——工具——准备表单，可以在需要赋值的地方...
javascript 主动派发事件总结
12-10
1，dispatchEvent()这是标准的触发事件方法，使用时需要先创建好事件对象。如下 代码如下: var evt = document.createEvent(‘Event’); evt.initEvent(‘click’,true,true); element.dispatchEvent(evt); 2，fireEvent() 这是IE旧版本中实现的触发事件方法，它无须创建事件对象，直接使用。如下 代码如下: element.fireEvent(‘onclick’); 注意：与attachEvent一样它需要加上“on” 一个兼容性所有浏览器的版本，如下 代码如下: var d
JS的Document类型
一心向晚
09-15 9540
Document HTMLDocument继承自Document。 在浏览器中，document对象是HTMLDocument的一个实例，表示整个HTML页面。document对象是window对象的一个属性，因此可以直接调用 1.属性 documentElement指向HTML页面中的<html>元素。 title 获取文档的标题 URL 获取URL domain 取得域名，并且可以进行设置，在跨域访问中经常会用到。 referrer 取得链接到当前页面的那个页面的URL...
getElementById和querySelector方法的区别
diaolanbeng0962的博客
05-03 370
习惯了用jQ查找元素，有时候我们不妨试试js原生的DOM选择符，getElementById()、getElementsByTagName()、querySelector()、querySelectorAll()。说不定一不小心就发现彩蛋了。 那么我们来说说上面那几个方法。 "querySelector 属于 W3C 中的 Selectors API 规范 。而 getE...
整理dom 获取当前元素的兄弟节点/父节点/子节点/筛选元素
很馋的虫子
07-09 1万+
$('#id').siblings() 当前元素所有的兄弟节点 $('#id').prev() 当前元素前一个兄弟节点 $('#id').prevaAll() 当前元素之前所有的兄弟节点 $('#id').next() 当前元素之后第一个兄弟节点 一、js 获取元素dom(父节点,子节点,兄弟节点)： var test = document.get...
python中的element elements
babycrying的专栏
11-11 1万+
最近老是同一犯错误，find_elements写成了find_element,结果纠结了半天才知道是自己写错了个find_elements；        WebDriverWait(browser, 5).until(lambda the_driver: browser.find_element_by_link_text("Report").is_displayed())        
document 文挡对象详解(JavaScript脚本语言描述)
ajwh64482的博客
01-20 146
[注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写，否则会提示你一个错误信息"引用的元素为空或者不是对象"]========================================================================对象属性: document.title//设置文档标题等价于HTML的&...
$(document).ready()与window.onload()的区别
chengjiamei的专栏
01-10 380
1.执行时机 $(document).ready()方法和window.onload方法功能相似的功能，但是在执行时机方面是有区别的。window.onload方法是在网页中的所有元素完全加载到浏览器后才执行，即javascript此时才可以访问网页中的任何元素。而通过$(docuement).ready()方法注册的时间处理程序，在DOM完全就绪时就可以被调用。此时，网页中的所有元素对jQue
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"
python3基础：操作xml
热门推荐
每天进步一点点
12-07 6万+
XML 指的是可扩展标记语言(eXtensible Markup Language)，和json类似也是用于存储和传输数据，还可以用作配置文件。类似于HTML超文本标记语言，但是HTML所有的标签都是预定义的，而xml的标签可以随便定义。 XML元素 指从开始标签到结束标签的部分（均包括开始和结束） 一个元素可以包括： 其它元素 &amp;lt;aa&amp;gt; &amp;lt;bb&amp;gt;&amp;lt;/bb&amp;gt...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值