display:none 引起的cannot read property 'offsetLeft' of undefined

昨天在写一个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,这样就不会再报错了。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值