获得宽度值：auto

Question

如果我有一个文本列表，例如<br>abc<br>de<br>fghij,<br> style="width:auto; height:auto;"

如何在浏览器调整大小后使用JavaScript（最好不是jQuery）来获取其宽度和高度？

blah.style.width和blah.style.height返回空字符串。我希望在列表可见之前获取值，但如果需要，我可以在屏幕上显示它。

Answer 1

您可以在元素上使用.offsetWidth。

var el = document.querySelector('.class');
el.offsetWidth
el.offsetHeight

Answer 2

你可以用纯javascript获得它的宽度和高度：

var width=document.getElementById('foo').offsetWidth;
var height=document.getElementById('foo').offsetHeight;

假设您已将它们包装在带有'foo'id

的div标签中

Answer 3

通过

获取元素

   var p= document.getElementById("xyz");

然后使用offsetWidth或offsetHeight来获取它们。

   p=p.offsetHeight;