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

时间:2021-03-14 17:31:49

标签: javascript output

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

1 个答案:

答案 0 :(得分:3)

每条语句都覆盖前一条语句。

你应该这样做:

<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"; 
相关问题