在这种情况下，这个运算符“+=”的目的是什么？答案

【问题标题】：What is the purpose of this operator "+=" in this context?在这种情况下，这个运算符“+=”的目的是什么？
【发布时间】：2021-12-27 05:10:34
【问题描述】：

我正在学习一些基本的 JS 以及如何在 HTML 上查看其结果。我遇到了这个：

<!DOCTYPE html>
<html>
<body>
    <h1>Demo: JavaScript Arithmatic Operators</h1>
    <p>x = 5, y = 10, z;</p>
    <p id="p1">x+y=</p>
    <script>
        var x = 5, y = 10;
        var z = x + y
        document.getElementById("p1").innerHTML += z; 
    </script>
</body>
</html>

就我所读到的运算符“+=”而言，它将右操作数添加到左操作数，然后将其保存回左操作数。但是，我对这一行中“+=”的目的感到困惑？

【问题讨论】：

用 += 试一次 o/p 代码，用 = 试一次，你会得到不同的结果。
with = 它只显示答案。我假设标识为 p1 的字符串 (x+y=) 与 z （即 15）连接。然后它以“x+y=15”的形式保存回 p1。

标签： javascript html operators

【解决方案1】：

如果你有两个变量，你想添加这两个变量并存储在其中一个变量中

a=5; b=4;

a = a + b 这与 a += b 相同；所以在你的情况下你可以使用

document.getElementById("p1").innerHTML = document.getElementById("p1").innerHTML + z; 

or 
document.getElementById("p1").innerHTML += z;

【讨论】：

【解决方案2】：

它只是将右操作数值（15）附加到

标记的内容（即 x+y）。所以结果为“x+y=15”

更多说明：

document.getElementById("p1").innerHTML += z; 在这一行中，它采用 id 为“p1”的 html 元素的 innerHTML（当前内容）（此处为

标签），将右操作数（这里它的变量z：在js添加操作结果后包含值15）附加到该内容，并将其设置回该

标签的innerHTML。

【讨论】：

【解决方案3】：

document.getElementById("p1").innerHTML += z; 

// equals to
document.getElementById("p1").innerHTML = document.getElementById("p1").innerHTML + z; 

// in this case
document.getElementById("p1").innerHTML = "x+y=" + 15

// finally, you will see "x+y=15" on the page

【讨论】：