// getComputedStyle() 方法用于获取指定元素的 CSS 样式。
// 获取的样式是元素在浏览器中最终渲染效果的样式。
// getPropertyValue() 方法返回指定的 CSS 属性的值。
<style> #elem-container { width: 300px; height: 300px; background-color: red; } </style> <div id="elem-container">测试</div>
let elem = document.getElementById("elem-container");
let theCSSprop = window.getComputedStyle(elem, null)
console.log(theCSSprop.width);
console.log(theCSSprop.backgroundColor);
console.log(theCSSprop.getPropertyValue("height"));