如何在javascript中用同一变量显示不同的数据类型值

问题:

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

脚本：

var x；
document.getElementById（“demo”）.innerHTML=x；
x=5；
document.getElementById（“demo”）.innerHTML=x；
x=“约翰”；
document.getElementById（“demo”）.innerHTML=x；

预期结果：

未定义 5. 约翰

实际结果：

约翰

varx；
document.getElementById（“demo”）.innerHTML+=x+''；
x=5；
document.getElementById（“demo”）.innerHTML+=x+''；
x=“约翰”；
document.getElementById（“demo”）.innerHTML+=x+''

varx；
document.getElementById（“demo”）.innerHTML+=x+''；
x=5；
document.getElementById（“demo”）.innerHTML+=x+''；
x=“约翰”；
document.getElementById（“demo”）.innerHTML+=x+''
您的变量正确地分配了不同的值，但在同一DOM元素中显示了所有三个实例。每次指定时，当前值将覆盖最后一个值。它发生得如此之快，以至于你只能看到最后一个（“约翰”）

为什么不将每个元素放在不同的DOM元素中

var x;                   
document.getElementById("demo1").innerHTML = x;
x = 5;
document.getElementById("demo2").innerHTML = x;
x = "John";
document.getElementById("demo3").innerHTML = x;

变量正确地分配了不同的值，但在同一DOM元素中显示了所有三个实例。每次指定时，当前值将覆盖最后一个值。它发生得如此之快，以至于你只能看到最后一个（“约翰”）

为什么不将每个元素放在不同的DOM元素中

var x;                   
document.getElementById("demo1").innerHTML = x;
x = 5;
document.getElementById("demo2").innerHTML = x;
x = "John";
document.getElementById("demo3").innerHTML = x;

我想对斯加特的回答发表评论，但我不能发表评论

正如其他人所说，您正在替换de内容，您应该使用连接

但是我会使用br标记而不是“\n”来获得预期的结果

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


var x；
document.getElementById（“demo”）.innerHTML=x+'
'；
x=5；
document.getElementById（“demo”）.innerHTML+=x+'
'；
x=“约翰”；
document.getElementById（“demo”）.innerHTML+=x+'
'；
我想对Scath的答案发表评论，但我无法发表评论

正如其他人所说，您正在替换de内容，您应该使用连接

但是我会使用br标记而不是“\n”来获得预期的结果

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


var x；
document.getElementById（“demo”）.innerHTML=x+'
'；
x=5；
document.getElementById（“demo”）.innerHTML+=x+'
'；
x=“约翰”；
document.getElementById（“demo”）.innerHTML+=x+'
'；
基本上js不允许阴影基本上js不允许阴影