document.body 和 docuement.documentElement

最新推荐文章于 2024-08-08 10:33:11 发布
最新推荐文章于 2024-08-08 10:33:11 发布
阅读量606 收藏
点赞数
分类专栏： js html 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/stepliblog/article/details/49104487
版权
js 同时被 2 个专栏收录
1 篇文章 0 订阅
订阅专栏
html
1 篇文章 0 订阅
订阅专栏

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

Francis David
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
sms realted document
11-29
标题中的“SMS related document”和描述中的“if you need SMS development, please check it.”提示我们这份文档与短信（Short Message Service, SMS）的开发有关。标签“short message document”进一步确认了这...
route-event:简单的客户端路由事件
05-31
安装 npm i route-event例子监听document.body上的点击事件： var route = require ( 'route-event' ) ( )// listen for click events on docuement.body. If the href is local to the// server, call `onRoute`var...
python网络编程学习笔记（8）：XML生成与解析（DOM、ElementTree）
weixin_34099526的博客
10-17 480
转载请注明：@小五义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 1125
document方法：getElementById(id) 返回指定结点的引用getElementsByTagName(name) 返回文档中所有匹配的元素的集合createElement(name) 创建指定类型的新结点createTextNode(text)...
js中获取html元素之document.documentElement
韦_恩的博客
05-18 1万+
document.documentElement Document.documentElement 是一个会返回文档对象（document）的根元素的只读属性（如HTML文档的 <html> 元素）。 对于任何非空 HTML 文档，调用 document.documentElement 总是会返回一个 <html> 元素，且它一定是该文档的根元素。借助这个只读属性，能方便地获取到任意文档的根元素。 参考文档 html中document.body 与 document.d
JS document方法
zzzjx19970411的博客
07-22 3061
1、document.open()，document.close() document.open方法清除当前文档所有内容，使得文档处于可写状态，供document.write方法写入 内容。 document.close方法用来关闭document.open()打开的文档。 2、document.querySelector() document.querySelector方法接受一个CSS选择器作为参数，返回匹配该选择器的元素节点。如果 有多个节点满足匹配条件，则返回第一个匹配的...
JS的Document类型
一心向晚
09-15 9346
Document HTMLDocument继承自Document。 在浏览器中，document对象是HTMLDocument的一个实例，表示整个HTML页面。document对象是window对象的一个属性，因此可以直接调用 1.属性 documentElement指向HTML页面中的<html>元素。 title 获取文档的标题 URL 获取URL domain 取得域名，并且可以进行设置，在跨域访问中经常会用到。 referrer 取得链接到当前页面的那个页面的URL...
学生信息管理系统源代码
12-31
该文件需要在E:\Temp\Docuement\Visual Studio 2010\Projects\学生信息管理系统下用vs即可运行，登陆时，学生权限用户名位：099074102 密码：099074102 教师：099075101，密码：099075101.
移动代理源代码
01-13
To docuement the MUM middleware digit: ant javadocs. Notes To use the prototype there must be at least one video presentation, and register it to the middleware. Therefore we included a presentation ...
dothome1：학원에서이지
02-16
이러한 메서드를 사용하면 DOM(Docuement Object Model) 조작이나 데이터 필터링에 효율적으로 활용할 수 있습니다. 【`addClass()`】 jQuery의 `addClass()` 메서드는 선택된 요소에 CSS 클래스를 추가합니다. ...
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
getElementById和querySelector方法的区别
diaolanbeng0962的博客
05-03 322
习惯了用jQ查找元素，有时候我们不妨试试js原生的DOM选择符，getElementById()、getElementsByTagName()、querySelector()、querySelectorAll()。说不定一不小心就发现彩蛋了。 那么我们来说说上面那几个方法。 "querySelector 属于 W3C 中的 Selectors API 规范 。而 getE...
Java Document生成和解析XML
热门推荐
p812438109的专栏
08-18 5万+
Document 场景：需要知道文档所有结构 需要把文档一些元素排序 文档中的信息被多次使用的情况 优势：由于Document是java中自带的解析器，兼容性强 缺点：由于Document是一次性加载文档信息，如果文档太大，不太适用 Document操作步骤 第一步：初始化xml解析工厂 DocumentBuilde...
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"
浏览器兼容性问题解决
哈哈哈
02-11 419
浏览器兼容性问题解决 由于使用的浏览器有多种多样，这就导致了CSS在不同浏览器中出现不同的问题，特别是在IE6及以下版本中出现的兼容性问题，这就需要我们掌握CSS兼容性知识。 1、使用声明 在写HTML代码时，声明是首先要放在前面的，漏写声明将会导致很多问题产生。DTD声明在IE浏览器中会出现一些怪异的模式，所以我们为保证代码在IE浏览器正常运行，记得写DTD声明。 2、IE6下的...
DOM Node Element Attr 的联系与区别汇总
大麦
06-04 1977
node有几个子类型：Element, Text, Attribute, RootElement, Comment, Namespace等Element是可以有属性和子节点的node。 ---------------------------------------------------------node和Element是两个领域的概念。NODE是相对TREE这种数据结构而言的。TREE
document 文挡对象详解(JavaScript脚本语言描述)
ajwh64482的博客
01-20 112
[注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写，否则会提示你一个错误信息"引用的元素为空或者不是对象"]========================================================================对象属性: document.title//设置文档标题等价于HTML的&...
创建一个简单的贪吃蛇游戏：HTML、CSS和JavaScript教程
最新发布
Mr_Zhangyuge的博客
08-08 1679
在本教程中，我们将逐步构建一个简单的贪吃蛇游戏。这个项目适合初学者，可以帮助你理解HTML、CSS和JavaScript的基础知识，并掌握如何将它们结合起来创建一个完整的游戏。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值