javascript - Uncaught ReferenceError : Invalid left-hand side in assignment javascript

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:赋值javascript中的左侧无效。

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

Answer 1

你不能使用-，如下所示

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

或者

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

注意:-如果您仔细阅读下面的评论，您就会知道第二种方法在 FF 中会出现一些问题。