document.body和document.documentElement的区别和用法

2019独角兽企业重金招聘Python工程师标准>>>

对于这两个元素的使用一般是以下两种情况

clientWidth和clientHeight

scrollWidth,scrollHeight,scrollLeft,scrollTop

现在假设每个属性的意思你都明白

• 对于ie7以上和火狐:

通过document.documentElement都可以取到标准属性,

• 对于ie6:

则要通过document.body才能都取到正确的属性

• 对于chrome

是用区别的

通过document.documentElement  clientWidth和clientHeight,scrollWidth,scrollHeight都可以取到正确的属性

但对于scrollLeft,scrollTop,只有通过document.body才能取到正确的属性

但通过document.body的话,都是可以取到正确的属性,这点和ie6一样

最后要说的是,取不到正确值,不是undefined,而是要么是0,要么是都等于窗口大小,这个不重要,不提也罢

最后说解决方案

如果不要求ie6:

除了scrollTop,scrollLeft  都要用document.documentElement来取,

如果涉及到scrollTop,scrollLeft(照顾chrome),这两个属性要用document.body来取了

如果要求ie6:

那就都要取document.body取到的值和document.documentElement取到的值的最大值了

Math.max();

转载于:https://my.oschina.net/lirongfei/blog/100204