为什么只执行最后一个输出语句？ [关闭]答案

【问题标题】：Why is only the last output statement executed? [closed]为什么只执行最后一个输出语句？ [关闭]
【发布时间】：2021-03-14 17:31:49
【问题描述】：

我是 Javascript 新手，我尝试打印多个字符串，但只执行最后一条语句，代码：

<html>
<body>
    <p id = "demo"></p>
    <script>
        document.getElementById("demo").innerHTML = "Toit"
        document.getElementById("demo").innerHTML = "Noice";
        document.getElementById("demo").innerHTML = "Epic"; 
    </script>
</body>

输出：

Epic

【问题讨论】：

他们都被处决了。您每次都会覆盖 innerHTML 值。
因为这就是 innerhtml 的意思。见developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML
三个语句都被执行。每一个都会覆盖前一个的输出。

标签： javascript output

【解决方案1】：

每个语句都会覆盖前面的语句。

你应该这样做：

<html>
<body>
    <p id = "demo"></p>
    <script>
        document.getElementById("demo").innerHTML = "Toit"
        document.getElementById("demo").innerHTML += "Noice";
        document.getElementById("demo").innerHTML += "Epic"; 
    </script>
</body>

通过使用+=，你连接了最后一个值，这和做的完全一样：

document.getElementById("demo").innerHTML = 
  document.getElementById("demo").innerHTML + "Epic";

【讨论】：