Javascript 收集表单值，使循环的文字数组使用getElementById（）和innerHTML属性显示值？

我对javascript完全陌生，并且试图理解如何从一个表单收集多个值来收集以生成一个数组，然后该数组将具有另一个函数来循环for循环数组，通过将HTML元素嵌入dom中以无序列表的形式显示。然而，这是说ul.appendChild不是一个函数？我不是不知道是什么意思，已经找过了。这是我的代码，给你一个更好的想法。如果有人能指出可能的错误并指引我正确的方向，我不想要答案？谢谢

名字：
姓氏：
电邮：
电话：
*必需的
清除字段

window.onload=init；
函数init（）{
var按钮=document.getElementById（“提交”）；
button.onclick=把手按钮onclick；
}
功能手柄按钮点击（e）{
var collectInput=document.getElementsByName（“userInput[]”）；
如果（collectInput==“”）{
提醒（“请填写表格”）；
}否则{
对于（变量i=0；i

大家好，欢迎使用JavaScript；）

让我们看看您的javascript代码

var myArray = collectInput[i].value;

var li = document.createElement("li");

li.innerHTML = myArray;

var ul = document.getElementById("userInformation").innerHTML += myArray;

ul.appendChild(li);

所以首先获取collectInput[i]并将其保存到myArray变量

var myArray = collectInput[i].value;

然后创建li元素并将myArray设置为其innerHtml

var li = document.createElement("li");

li.innerHTML = myArray;

这很好。但你要这样做

var ul = document.getElementById("userInformation").innerHTML += myArray;

您希望找到“userInformation”元素并将其保存到本地ul变量，但取而代之的是它的innerHTML并将myArray添加到其中。因此，不要将“userInformation”DOM元素存储在ul变量中，而是将.innerHTML+myArray字符串存储在那里

因此，要使其工作，请将此行更改为

var ul = document.getElementById("userInformation")

然后它就可以正常工作了

---

祝您在Javascript方面好运；）

非常感谢你！它奏效了，我一步一步地完全理解。我真的很感激。

var ul = document.getElementById("userInformation").innerHTML += myArray;

var ul = document.getElementById("userInformation")