javascript - 通过外部 CSS 文件应用时如何访问 javascript 中的 css 属性？

Question

我有个小问题。当我在外部 .css 文件中使用某些属性(例如背景图像)设置 css 规则，然后尝试在另一个外部 .js 文件中使用 javascript 访问它时，它不起作用。也就是说，我没有获得 document.getElementById(someId).style.backgroundImage.

的任何值

但是当我在 html 文件本身中使用 style 属性设置 css 规则时，它起作用了。

所以，我的查询是，如果在外部 .css 文件中设置了 css，我无法访问 js 中的 css 属性。

Answer 1

您只能访问通过 Javascript(或 style 属性)设置的 Javascript 样式属性。

要访问元素的当前样式，您应该获取元素的计算样式。

var el = document.getElementById('hello');
var comp = el.currentStyle || getComputedStyle(el, null);
alert( comp.backgroundColor );

请注意，计算出的样式在浏览器中可能不同(例如颜色为十六进制或 rgb)，因此如果您想要统一的结果，您应该规范化。