使用Javascript获取HTML元素样式

Question

我正在尝试检索HTML元素的backgroundColor。但是当我用js检查样式时，所有内容都是空的或未定义。但是，当我在开发人员控制台上检查此元素时，我可以看到有一个backgroundColor。我不明白怎么了。您有什么提示可以导致此问题吗？

document.getElementById("id1").style

Answer 1

使用window.getComputedStyle

了解更多https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle

基本上style属性仅读取元素上的内联样式

Answer 2

尝试getComputedStyle

window.getComputedStyle(document.getElementById("id1"));

Answer 3

您应该尝试使用window.getComputedStyle方法获取应用的样式。

let element = document.getElementById("id1");
window.getComputedStyle(element);