使用jquery获取div的宽度，没有明确的css宽度

Question

假设我有一个矩形div，其中填充了一个跨度和一些填充物，因此在css中没有明确的高度和宽度，是否可以通过使用jquery在渲染之前获取div的显式宽度？

div的宽度和高度取决于字数和跨度。

Answer 1

我想你正在寻找.width jQuery方法。

来自文档：

返回精确值，不包括填充，边框和边距。

Answer 2

在渲染元素并将其放入DOM之前，不可能获得元素的宽度。您可以在此之后获得总宽度，它包括填充和所有内容：

$("div").width();

Answer 3

根据您的意思＆＃34;在呈现之前＆＃34;，您可以使用.width()或.outerWidth()。

Answer 4

你不能在渲染之前测量div，因为它的浏览器渲染引擎实际上负责确定div的宽度。

你可以通过给它一个opacity: 0的css类来展示div，然后使用jQuery＆＃39; s .width()：

$('SELECTOR').width()

Answer 5

我认为您正在寻找Element.clientWidth。列出的here

有一些限制

var element = document.getElementbyId('id');
console.log(element.clientWidth);

由于这是div中可用的宽度，我认为这就是你要找的。