Question

我需要将具有特定类的所有元素设置为具有特定的背景颜色。

这是我的代码：

/*var elements = $(".km-flat");
    var elements1 = $(".km-view");
    var elements2 = $(".km-navbar");
    var elements3 = $(".km-content");
    elements.style.background-color = "red";
    elements1.style.background-color = "red";
    elements2.style.background-color = "red";
    elements3.style.background-color = "red";*/

    var myElements = document.querySelectorAll(".km-content");

    for (var i = 0; i < myElements.length; i++) {
        myElements[i].style.background-color = "red";
    }

正如你所看到的，我的第一次尝试并不好，而且已被注释掉了。我的第二次尝试是Uncaught ReferenceError: Invalid left-hand side in assignment javascript。

我应该使用什么语法？感谢。

Answer 1

你不能使用-，比如bellow

myElements[i].style.backgroundColor = "red";

OR

myElements[i].style["background-color"] = "red";

注意： - 如果您将通过以下评论，您将了解第二种方式在FF中出现问题。

Answer 2

以下是有效的代码：

var myElements = document.querySelectorAll(".km-content");

for (var i = 0; i < myElements.length; i++) {
    myElements[i].style.backgroundColor = "red";
}

未捕获的ReferenceError：赋值javascript中的左侧无效

2 个答案: