javascript - 在 id/class css 中定义样式时获取/设置元素样式？

Question

我可能在这里遗漏了一些简单的东西，但我正在尝试获取/设置 div 的背景颜色，但前提是背景颜色已经设置(无论是来自类/id 还是样式属性等) .).

我试过使用 .style.backgroundColor，但它返回的只是一个空字符串(我想是因为属性是在类/id 中定义的，而不是元素样式本身)。 JSFiddle表明我的意思。

我不能使用 jQuery，而且我也不能只选择 class/id 本身的属性，因为我正在使用大量(可能不相关的)元素来执行此操作。

最后，目标是拥有这样的东西:

var allElements = document.getElementsByTagName("*");
for (var i = 0; i < allElements.length; i++) {
    if (allElements[i].style.backgroundColor != '') {
        allElements[i].style.backgroundColor = 'blue';
    }
}

谢谢!

Answer 1

一种方法是使用 getComputedStyle() 函数:https://jsfiddle.net/rk53agzj/ .

JS:

var byId = document.getElementById.bind(document);
byId("ending").innerText = "The color is " + getComputedStyle(byId("intro")).backgroundColor + ".";