使用JavaScript存储在数组中的用户输入_Javascript_Xhtml

使用JavaScript存储在数组中的用户输入

javascript

使用JavaScript存储在数组中的用户输入,javascript,xhtml,Javascript,Xhtml,大家好，我对javascript有点陌生，有一段时间，我一直在努力学习一些不应该那么难的东西。我尝试执行的是将用户输入存储在一个数组中，然后让它将收集到的信息打印到一个特定的div中（稍后我将尝试使用DOM创建一个表并将输入存储在那里）。但我不能让它工作，下面是我的代码：）有什么建议吗 JavaScript function submitInfo(){ var nameInput = document.getElementById("name").value;

大家好，我对javascript有点陌生，有一段时间，我一直在努力学习一些不应该那么难的东西。我尝试执行的是将用户输入存储在一个数组中，然后让它将收集到的信息打印到一个特定的div中（稍后我将尝试使用DOM创建一个表并将输入存储在那里）。但我不能让它工作，下面是我的代码：）有什么建议吗

    JavaScript

    function submitInfo(){

    var nameInput = document.getElementById("name").value;
    var ageInput = document.getElementById("age").value;
    var fsInput = document.getElementById("fightingStyle").value;
    var weightInput = document.getElementById("weight").value;

    myArray[0]=nameInput;
    myArray[1]=ageInput;
    myArray[2]=fsInput;
    myArray[3]=weightInput;

    for(var i = 0; i<myArray.lenght; i++){
    document.getElementById("theResult").innerHTML=myArray[i];
    }

    }

    HTML

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" type="text/css" href="inl2a.css" />
    <script type="text/javascript" src="inl2a.js"></script>
    <title>Inlämning 2a</title>
    </head>
    <body>

    <div id="inputFields">
    <h3>Submit your fighters information:</h3>

    Name:<br><br>
    <input id="name" type="text" /><br><br>
    Age:<br><br>
    <input id="age" type="text" /><br><br>
    Fighting style:<br><br>
    <input id="fightingStyle" type="text" /><br><br>
    Weight:<br><br>
    <input id="weight" type="text" /><br><br>

    <input id="button" value="Submit" type="button" onclick="submitInfo();" /><br><br>
    </div>

    <div id="theResult">
    </div>

    </body>
    </html>

JavaScript
函数submitInfo（）{
var nameInput=document.getElementById（“名称”）.value；
var ageInput=document.getElementById（“年龄”）.value；
var fsInput=document.getElementById（“fightingStyle”）.value；
var weightInput=document.getElementById（“权重”）.value；
myArray[0]=nameInput；
myArray[1]=ageInput；
myArray[2]=fsInput；
myArray[3]=权重输入；
对于（var i=0；i函数submitInfo（）{
var myArray=[]；//问题1
var nameInput=document.getElementById（“名称”）.value；
var ageInput=document.getElementById（“年龄”）.value；
var fsInput=document.getElementById（“fightingStyle”）.value；
var weightInput=document.getElementById（“权重”）.value；
myArray[0]=nameInput；
myArray[1]=ageInput；
myArray[2]=fsInput；
myArray[3]=权重输入；
对于（var i=0；i假设用户输入的是标题和名称，那么
var title   = document.getElementById("title").value;
var name    = document.getElementById("name").value;

您可以将所有这些放在一个数组中：
var m = [ title, name ];

然后对于标题
使用
document.getElementById(your_divID).innerText=m[0];

对于mozilla支持，您可以使用textContent
而不是innerText
。谢谢您的帮助，有没有快速的方法将输入分配给一个新的行元素？当然，您可以创建一个新的tr，为每个值创建一个新的td，只需将td作为tr的子元素和tr作为子元素添加到o即可我假设您的数据是表格形式的，否则建议您不要使用表格。
var m = [ title, name ];

document.getElementById(your_divID).innerText=m[0];