昨天在写一个html页面时,js里面用了offsetLeft方法,运行时在控制台提示cannot read property ‘offsetLeft’ of undefined。排查之后发现是项目里面引用的一个通用css里面对body进行了一个设置
body{
display:none
}
百度了一下offsetLeft,发现offsetLeft需要在body存在的情况下才视为被定义。
而display:none会让元素从渲染树中消失,渲染的时候不占据任何空间。
顺便比较一下:visibility:hidden不会让元素从渲染树中消失,渲染的时候仍然占据空间,只是内容不可见。
由于在我这个项目中display:none是不能删的,我的解决办法是:
在这一段js的开头用jquery将body的样式改为inherit,在这一段的js末尾再改回none,这样就不会再报错了。