服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - js不能获取隐藏的div的宽度只能先显示后获取

js不能获取隐藏的div的宽度只能先显示后获取

2021-03-07 18:05JavaScript教程网 JavaScript

js不能获取隐藏div的的宽度,现在的办法是先将其显示出来,再获取其宽度,计算位置,下面的示例,大家可以参考下

?
1
2
3
4
var tipsWidth = $(".Loading").css("width").replace("px", "") //先获取
var windowWidth = $(window).width();
$(".Loading").css({ "display": "block" }); //再显示
$(".Loading").css({ "left": (windowWidth - tipsWidth) / 2 + "px" });

我要获取一个根据内容自适应宽度的div的实际宽度,这个div初始是隐藏的,我要获取它的实际宽度,对他进行居中操作,弄了很长时间,总是获取不到该div的真实宽度,后来发现js不能获取隐藏div的的宽度,现在的办法是先将其显示出来,再获取其宽度,计算位置

?
1
2
3
4
$(".Loading").css({ "display": "block" });// 先显示
var tipsWidth = $(".Loading").css("width").replace("px", "") //再获取
var windowWidth = $(window).width();
$(".Loading").css({ "left": (windowWidth - tipsWidth) / 2 + "px" });

延伸 · 阅读

精彩推荐