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

Uncaught ReferenceError: Invalid left-hand side in assignment javascript

本文关键字：无效 javascript ReferenceError 赋值      更新时间：2023-09-26

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

这是我的代码：

/*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。

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

您不能使用-，比如下面的

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

或

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

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

以下是有效的代码：

var myElements = document.querySelectorAll(".km-content");
for (var i = 0; i < myElements.length; i++) {
    myElements[i].style.backgroundColor = "red";
}
相关文章：