如何使用javascript显示类中的div属性

举个例子：

HTML:

<div id="test" class="test">Test</div>

Javascript:

alert(document.getElementById('test').style.height);

我想显示div的

高度

或其他属性，但警报为空。如何解决？高度在类中，我不想在id中移动它

document.getElementById('test').style.height

指在

样式

属性中定义的

高度

属性

但是在代码中没有样式属性，因此可以使用

document.getElementById('test').offsetHeight 
/* return 92 (90 + 2px borders ) */

或者（如果您还需要阅读其他属性）

---

element.style

读取元素的

style

属性

如果你有

，你可以阅读它的

.style.height

要获得CSS指定的内容，应该使用

getComputedStyle

方法，但对于维度，最好使用

offsetHeight

/

offsetWidth

顺便说一句：从

style

属性中读取或使用

getComputedStyle

会给出值和单位，可能是“10px”或“2%”或“7em”，如果需要元素的像素尺寸，则几乎没有用。

使用以下方法：

document.getElementById('test').offsetHeight;

---

我对这些模拟器不太了解。但是当您将javascript放入页面加载时，会首先调用javascript。然后设置页面元素

---

如果您希望在代码中包含此警报，请在

标记后添加

标记，并在其中写入警报。这应该是可行的。

请在您的问题中也发布代码可能与

getComputedStyle（document.getElementById（'test'））.height的重复。或者您可以使用jQuery:如果不是height而是z-index？downvoter愿意解释downvote吗？所以我可以改进我的答案
window.getComputedStyle(document.getElementById('test')).getPropertyValue("height")
/* return "90px" */

document.getElementById('test').offsetHeight;