Javascript 如何将数组元素附加到div？

我一直在尝试改变，所以我得到了一个输入表单的推动，但没有运气

<form id="myform">
    <input id="type" type="text" name="input">
    <button onclick="myFunction()">Add number</button>
</form>
<br>
<div id="box"; style="border:1px solid black;width:150px;height:150px;overflow:auto">
</div>
<script>
    var number= [];
    function myFunction()
    {
        number.push= document.getElementById("type").value;
        var x=document.getElementById("box");
        x.innerHTML=number.join('<br/>');
    }
</script>

加号


var数=[]；
函数myFunction（）
{
number.push=document.getElementById（“type”）.value；
var x=document.getElementById（“框”）；
x、 innerHTML=number.join（“
”）；
}

您需要转换数组，如：

x.innerHTML=number.join(",");

以及：

替换：

var x = document.getElementById("demo");

与：

如果要将数组转换为字符串，可以使用javascript函数

join（）

：

---

这就是您想要的吗？

数组具有toString（）功能，所以不需要。

toString

在分配给字符串属性时被隐式调用，只有在需要默认格式以外的格式时才需要

join

。最好的方法是使用实时计算器检查它。我感到内疚，因为我没有时间去修复一些功能（现在可能还有更好的功能），但我仍然发现，在Ted的扩展中，单击工具栏按钮让一个实时HTML编辑器在任何时候都可以工作是很有帮助的。无需调用

toString

，对字符串属性的赋值会隐式调用

toString

。哦，谢谢你解决了这个问题，我是gunna leave as array，因为我想添加一个for循环，这样每个输入都会放在一个新行上，只是不确定如何添加它，例如（int i=o，iYou希望每个项目都在一个新行上，对循环不需要

。只需将：
x.innerHTML=number.join（'，'）；
替换为
x.innerHTML=number.join（'
'））；
.Simple.ok，我的脑袋快要爆炸了，假设我想从输入表单中获取推送编号，我已经尝试将其链接在一起好几个小时了，但没有运气我删除了大部分内容，只留下了输入bo。请帮帮忙。你可以使用这个na？
编号。推送（document.myform.input.value）
有道理，但不起作用可能是因为缺少量化标记或简单的东西
var arr = [];

function func () {
  arr.push('5');
  document.getElementById('box').innerHTML = arr.toString();
}

var x = document.getElementById("box");

x.innerHTML = number.join(',');
// Or
x.innerHTML = number.toString();

var arr = [];

function func () {
  arr.push('5');
  document.getElementById('box').innerHTML = arr.toString();
}