js的offsetWidth获取不到宽高一直为0问题

之前在写一个页面遇到的问题,获取容器的宽度一直为0,就此记录以免错误再犯。

一,元素设置了display:none 用offsetWidth获取宽度将得到 0

我们给元素设置了display:none样式的话,获取宽高就会是0了。

(*)我遇到的问题是,我有一个容器本来是隐藏的,点击按钮之后显示,那我要怎么获取它的宽度呢?
我通过回调函数,在点击显示之后,执行回调函数里的offsetWidth获取宽度成功。

option(newMusicSwitchLi, newMusicWrap, 'switch_selected', function () {
    // 计算图片宽度
    showImages();
    layout();
})
//option函数可一显示newMusicWrap容器,layout()函数里使用了offsetWidth方法

在这里插入图片描述

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐