为什么只执行最后一条输出语句？

Question

我是 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

Answer 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";

为什么只执行最后一条输出语句？

Why is only the last output statement executed?

javascript

output