首页 » 前端技术 » 如何解决javascript获取隐藏元素宽高的方法

如何解决javascript获取隐藏元素宽高的方法

高蒙 2017/04/19 21:35 1.8k浏览 0评论 jQuery/js


在实际操作中,我们往往需要新隐藏某些元素,当使用javascript点击或者其他操作的时候,才予以展示。一般我们都是设置其属性为display:none。那么,有个问题来了,就是当触发某个事件的时候,需要获取其宽高,进行居中展示,或者计算设置样式的像素值时,此时会意外的出现获取不到元素的宽高。当我刚遇到这个问题时候,也是懵了一下。还好,最后是解决了javascript获取隐藏元素宽高的问题。

那么,举例说明,如下:

<button>点我显示隐藏</button>
<div class="hidden" style="display:none;">我是隐藏元素</div>

$("button").on('click', function(event) {
    $(".hidden").show(0,function(){
// 在此处获取宽高即可。
    });
});


通过上面的方法,即可解决javascript获取隐藏元素的宽高。





相关文章

我有话说

站长昵称:(*)

输入内容:

选个头像:

评论列表

    ...

    高蒙

    男, PHP程序猿

    文章

    485

    标签

    42

    热度

    10w+

    南京, 江苏, 中国

    人生要是没有理想, 那跟咸鱼有什么分别。