document.documentElement和document.body区别简单介绍
分类:实例代码
这两个概念是非常的好区分的,从名称就可以轻松知道,但是不知道为什么还是有不少的朋友对这两个经常混淆。
下面就简单介绍一下这两者的区别,希望能够给需要的朋友带来一定的帮助。
区别如下:
(1).body是DOM对象中的body子节点,就是使用<body>标签来定义的。
(2).documentElement是整个DOM节点树的根节点,就是用<html>标签来定义的。
本人感觉之所以两者让人有所疑问,就是两个都可以在不同的条件先获取浏览器客户区的尺寸。
下面给出简单的例子:
在怪异模式下,也就是没有生命DTD的情况下可以使用如下代码获取客户区的高度:
document.body.clientHeight
在标准模式下,可以使用如下代码获取:
document.documentElement.clientHeight
当然在现今,可能没有哪个稍有经验的前端人员在怪异模式下写代码。