document.getElementById("mydiv").offsetWidth

• element.offsetWidth (MDC)

您可以使用clientWidth或offsetWidth Mozilla 开发者网络参考

它会是这样的：

document.getElementById("yourDiv").clientWidth; // returns number, like 728

或边框宽度：

document.getElementById("yourDiv").offsetWidth; // 728 + borders width

所有答案都是正确的，但我仍然想提供一些其他可行的替代方案。

如果您正在寻找指定的宽度（忽略填充、边距等），您可以使用。

getComputedStyle(element).width; //returns value in px like "727.7px"

getComputedStyle 允许您访问该元素的所有样式。例如：padding、paddingLeft、margin、border-top-left-radius等。

您还可以使用 ClassName 搜索 DOM。例如：

document.getElementsByClassName("myDiv")

这将返回一个数组。如果您对某一特定属性感兴趣。例如：

var divWidth = document.getElementsByClassName("myDiv")[0].clientWidth;

divWidth 现在将等于 div 数组中第一个元素的宽度。

实际上，您不必使用document.getElementById("mydiv") .
您可以简单地使用 div 的 id，例如：

var w = mydiv.clientWidth;
或
var w = mydiv.offsetWidth;
等。