Javascript设置属性值错误：“分配中的左侧无效”[重复]答案

【问题标题】：Javascript set attribute value error: "Invalid left-hand side in assignment" [duplicate]Javascript设置属性值错误：“分配中的左侧无效”[重复]
【发布时间】：2019-08-23 05:33:22
【问题描述】：

我正在学习使用 javascript，并且我试图在每次点击后在“bruh”和“moment”之间交替显示一些文本。我正在尝试将文本的状态存储在属性“数据状态”中，该属性（应该）在 1 和 2 之间交替，但我在第 12 行得到“未捕获的 ReferenceError: Invalid left-hand side in assignment”。

<html>
<head>
    <title>bruh moment</title>
    <style type="text/css">
        * {text-align: center; color: blue;}
    </style>
    <script type="text/javascript">
        function funcClick(){
            var myParagraph = document.getElementById("myp");
            if (myParagraph.data-state == 1){
                myParagraph.innerHTML = "bruh";
                myParagraph.data-state = 2; //ERROR IS HERE
            }else{
                myParagraph.innerHTML = "click again i dare you";
                myParagraph.data-state = 1;
            };
        };
    </script>
</head>

<body>
    <p id="myp"; data-state=1;> bruh </p>
    <button type="button" onclick="funcClick()">
        Click me
    </button>

</body>
</html>

预计：单击按钮->“时刻” 单击按钮->“bruh” 单击按钮->“时刻” 点击按钮 -> “bruh”

实际： [未捕获的 ReferenceError：分配中的左侧无效] 单击按钮->“bruh” [未捕获的 ReferenceError: funcClick 未定义] 单击按钮->“bruh” [Uncaught ReferenceError: funcClick is not defined]

这是实际的网页，以防万一http://3863.us/

【问题讨论】：

标签： javascript html css

【解决方案1】：

您不能在变量名中使用连字符 - - 使用 [] 括号：

myParagraph["data-state"] = 2;

【讨论】：