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

Question

我有一点问题.当我使用某个属性设置css规则时,例如,在外部.css文件中使用background-image,然后尝试使用另一个外部.js文件中的javascript访问它,它不起作用.也就是说我没有任何价值document.getElementById(someId).style.backgroundImage.

但是当我在html文件本身中使用style属性设置css规则时,它可以工作.

所以,我的查询是不能在js中访问css属性,如果在外部.css文件中设置了css.

Answer 1

您只能访问Javascript中通过Javascript(或styleattr)设置的样式属性.

要访问元素当前样式,您应该获取computed style元素.

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

请注意,计算出的样式在浏览器中可能会有所不同(例如颜色为十六进制或rgb),因此如果需要统一结果,则应将其标准化.

Answer 2

您可以使用 jquery 进行编辑。参考http://api.jquery.com/css/