javascript新手请教一个问题，大家进来看看！

时光瞄 2009-03-27 02:29:54

document.body.scrollWidth, document.documentElement.scrollWidth有什么区别？
关于这些对象的属性太多了，如果可以的话，大家都给解释下！！谢谢

...全文

119 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

jack420124 2009-03-27

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
指定DOM 符合w3c 标准
而w3c标准的DOM 访问body 是用document.documentElement
判断DOM 是不是符合w3c 标准的
用下面方法就可以了
function isW3CDOM()
{
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

dq512000 2009-03-27

打赏
举报

[Quote=引用 4 楼 luojihaidao 的回复:]
document.body.scrollWidth 是IE的东西。

document.documentElement.scrollWidth 是W3c标准的东西。

说个简单的例如：

HTML 有没有 <!DOCTYPE> 标签的就可以用document.documentElement东西。它说目的是为了解决浏览器的兼容问题。

http://www.w3school.com.cn/tags/tag_doctype.asp看看这个。

[/Quote]

正解

luojihaidao 2009-03-27

打赏
举报

document.body.scrollWidth 是IE的东西。

document.documentElement.scrollWidth 是W3c标准的东西。

说个简单的例如：

HTML 有没有<!DOCTYPE> 标签的就可以用document.documentElement东西。它说目的是为了解决浏览器的兼容问题。

http://www.w3school.com.cn/tags/tag_doctype.asp 看看这个。

reanfan 2009-03-27

打赏
举报

document.documentElement.scrollWidth
和 cument.body.scrollWidth 是一样的意思都是获取滚动条的宽度
只不过一个是W3C标准一个是IE标准吧

avengercf 2009-03-27

打赏
举报

document.body.scrollWidth（IE）, document.documentElement.scrollWidth（W3C标准如FF）
建议你去看看JS手则和浏览器差异

thengry 2009-03-27

打赏
举报

一个是整个一个是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