document.documentElement和document.body区别简单介绍

快乐打工仔 分类:实例代码

这两个概念是非常的好区分的,从名称就可以轻松知道,但是不知道为什么还是有不少的朋友对这两个经常混淆。

下面就简单介绍一下这两者的区别,希望能够给需要的朋友带来一定的帮助。

区别如下:

(1).body是DOM对象中的body子节点,就是使用<body>标签来定义的。

(2).documentElement是整个DOM节点树的根节点,就是用<html>标签来定义的。

本人感觉之所以两者让人有所疑问,就是两个都可以在不同的条件先获取浏览器客户区的尺寸。

下面给出简单的例子:

在怪异模式下,也就是没有生命DTD的情况下可以使用如下代码获取客户区的高度:

document.body.clientHeight

在标准模式下,可以使用如下代码获取:

document.documentElement.clientHeight

当然在现今,可能没有哪个稍有经验的前端人员在怪异模式下写代码。

document.documentElement和document.body区别简单介绍

回复

我来回复
  • 暂无回复内容