javascript - js样式属性返回空白

Question

我正在尝试使用 JavaScript 接收对象的原始 CSS 宽度值。但是，如果我使用:

var originalWidth = document.getElementById(<idOfObject>).style.width;

它总是返回空白。我还注意到，我使用此语法访问的任何属性都将返回空白。我确定给定的元素存在，因为

alert(document.getElementById(<idOfObject>));

确实向我展示了正确的对象。

谁能帮我解决这个问题？

Answer 1

您可能尝试获取在样式表中设置的值，而不是直接像这样:

document.getElementById(<idOfObject>).style.width = '100px';

如果你想获取元素的宽度，你可以使用 innerWidth 属性:

var width = document.getElementById(<idOfObject>).offsetWidth;