我可以使用 Javascript 将 CSS 样式属性打印到控制台吗？

Question

还有另一个基本问题，我似乎无法在网上找到答案。我可以使用 javascript 轻松更改元素的 CSS 属性，

 document.getElementById("ExampleID").style.height="30px";

但是每当我尝试将属性打印到控制台时，

console.log(document.getElementById("ExampleID").style.height);

它打印一个空行而不是属性。如何打印所需元素的样式属性值？非常感谢

Answer 1

您可以使用getComputedStyle

let elem = document.getElementById('test');
let ht = window.getComputedStyle(elem, null).getPropertyValue("height");
console.log(ht)

.test {
  height: 300px;
  width: 300px;
  border: 1px solid red;
}

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