javascript - 使用 css 类更改所有元素的颜色

Question

我尝试更改类中所有元素的颜色，但出现错误:

Cannot convert undefined or null to object

我有代码:

<div class="kolorek" onclick="changeColor('34495e');" style="background-color:#34495e;"></div>

---

function changeColor(color) {
    var block = document.getElementsByClassName('kafelek');
    with (block.style) {
        backgroundColor = "#" + color;
    }
};

Answer 1

由于 getElementsByClassName 将返回 HTMLCollection，您必须循环遍历它们以设置颜色，如下所示。

function changeColor(color) {
        var block = document.getElementsByClassName('kafelek');
        for (var i = 0; i < block.length; i++) {
            block[i].style.backgroundColor = "#" + color;
        }
    };

<div class="kolorek" onclick="changeColor('34495e');" style="background-color:#34495e;">Clickable Div</div>

<div class="kafelek">Another Div</div>

注意:您可以使用addEventListener 代替内联onclick 事件