javascript - 如何在javascript中显示具有相同变量的不同数据类型值

Question

问题:

当我在 java 脚本中使用相同的变量来保存不同的数据类型时，并尝试显示所有值，它不会显示除它保存的最后一个值之外的所有值。有没有其他方法可以显示具有相同变量的所有数据类型值？

脚本:

<script>
var x; 
document.getElementById("demo").innerHTML = x;
x = 5;               
document.getElementById("demo").innerHTML = x;
x = "John";         
document.getElementById("demo").innerHTML = x;
</script>

预期结果:

未定义5个约翰

实际结果:

约翰

Answer 1

    var x;                   
    document.getElementById("demo").innerHTML += x + ' ';
    x = 5;
    document.getElementById("demo").innerHTML += x + ' ';
    x = "John";
    document.getElementById("demo").innerHTML += x + ' ';

<div id="demo"> </div>

每次设置 innerHTML 时，您都会覆盖其中的内容，您需要像下面这样添加它。

document.getElementById("demo").innerHTML += x + '<br/>';