一个是整个 一个是body
在浏览器中有点差距这个是别人归纳引用的:
1.document.documentElement 与 document.body
代码中设置页面的CSS时一定要用:document.documentElement
比如:document.documentElement.style.overflow='hidden';
overflow-X、overflow-Y 这两个分坐标属性XHTML是不支持的;2.在取得网页窗口区域和获取滚动条位移距离时也要用document.documentElement
即这四个属性(clientWidth、clientHeight、scrollLeft、scrollTop)一定要用document.documentElement
但是document.body.appendChild()和document.body.removeChild()却是可以用的,而且用document.documentElement.appendChild()和document.documentElement.removeChild()代替却会报错;**********所以我总结了一下仅clientWidth、clientHeight、scrollLeft、scrollTop和document.documentElement.style时才用document.documentElement
在浏览器中有点差距这个是别人归纳引用的:
1.document.documentElement 与 document.body
代码中设置页面的CSS时一定要用:document.documentElement
比如:document.documentElement.style.overflow='hidden';
overflow-X、overflow-Y 这两个分坐标属性XHTML是不支持的;2.在取得网页窗口区域和获取滚动条位移距离时也要用document.documentElement
即这四个属性(clientWidth、clientHeight、scrollLeft、scrollTop)一定要用document.documentElement
但是document.body.appendChild()和document.body.removeChild()却是可以用的,而且用document.documentElement.appendChild()和document.documentElement.removeChild()代替却会报错;**********所以我总结了一下仅clientWidth、clientHeight、scrollLeft、scrollTop和document.documentElement.style时才用document.documentElement
建议你去看看JS手则和浏览器差异
和 cument.body.scrollWidth 是一样的意思 都是获取滚动条的宽度
只不过一个是W3C标准 一个是IE标准吧
说个简单的例如:HTML 有没有<!DOCTYPE> 标签的就可以用document.documentElement东西。 它说目的是为了解决浏览器的兼容问题。
http://www.w3school.com.cn/tags/tag_doctype.asp 看看这个。
指定DOM 符合w3c 标准
而w3c标准的DOM 访问body 是用document.documentElement
判断DOM 是不是符合w3c 标准的
用下面方法就可以了
function isW3CDOM()
{
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}