这段JS与HTML结合的示例代码中，+=运算符的作用是什么？

document.getElementById("p1").innerHTML 读取的是页面上id为p1的<p>标签的内部文本内容，你代码中这个元素初始的内部内容是固定字符串x+y=。
这里的+=就是你已经掌握的「将左右操作数运算后重新赋值给左操作数」的逻辑，放到这个场景下，它完全等价于如下两行代码：

// 先读取p1标签原有的内容
let originalContent = document.getElementById("p1").innerHTML;
// 把原有内容和变量z的值拼接后，重新赋值给p1的innerHTML
document.getElementById("p1").innerHTML = originalContent + z;

补充说明 #

• 这里的运算不是数值加法，而是字符串拼接：因为innerHTML的返回值永远是字符串类型，JS会自动把数值类型的z（值为15）转为字符串"15"，再和左侧的原有字符串拼接。运行完成后p1标签最终显示的内容就是x+y=15。
• 如果把这里的+=替换为普通赋值符=，p1标签原有的x+y=内容会被直接覆盖，最终只会显示15，无法实现计算式拼接效果。

内容的提问来源于stack exchange，提问作者Mohammad Mohaiminul Hoque