将Javascript变量拆分为html表

我无法将包含表单中5个字段的变量拆分为同一行5个不同部分中的表。我将感谢任何帮助

//此行下面的部分是表单输入变量的位置 //已插入，但角色未拆分为5个不同的单元格。 函数getInfo{ var info=document.getElementByIdform1； var text=； var i； 对于i=0；i 试试看 名字

---

根据当前的方法，需要将表格单元格标记添加到字符串中

div.ui-input-text{宽度：200px！重要；} 按钮{宽度：200px！重要；} 我的网页 名字： 姓氏： 地址: 城市： 声明： 名字 姓 住址 城市 状态 函数getInfo{ var info=document.getElementByIdform1； var text=； var i； 对于i=0；i 试试看

---

如果要将数据放入不同的列中，则必须创建列并将其追加到行中

您不希望将数据连接到单个变量中，因为您希望将数据拆分为列

您可以这样做：

function getInfo() {
    const info = document.getElementById("form1");
    const row  = document.getElementById("data");

    for (let i =0; i < info.length; i++) {
        // Make a new column
        const col = document.createElement('td');

        // Make a new text node
        const colText = document.createTextNode(info.elements[i].value);

        // Append text to column
        col.appendChild(colText);

        // Append column to the row (id of data)
        row.appendChild(col);
    }
}

---

使用了以下方法、属性和API：

演示 细节在演示中进行了注释 功能区{ //HTMLFormControlsCollection var F=document.forms.form1； var x=F元素； //将集合转换为数组 var fieldArray=Array.fromx； console.logfieldArray； //参考trdata var R=document.getElementById'data'； //数组中的每个输入都将。。。 fieldArray.forEachfunctionfield，索引{ //检查输入是否有值 如果field.value.length>0{ //创建snd并将其插入R var cell=R.insertCellindex； //将输入值复制到单元格中 cell.textContent=field.value； }否则{ //如果表单控件没有值，则忽略它 日志“字段没有值”； } }; 返回false； } 桌子{ 保证金：0自动20px } 桌子 运输署{ 边框：3件镶灰色 } 我的网页 div.ui-input-text{ 宽度：200px } 钮扣{ 宽度：200px } 姓名：姓氏：地址：城市：州： 数据 单击下面的按钮以显示您的条目

名称 地方 第一 最后的 住址 城市 状态 此行下方的部分是插入表单输入中的变量的位置，但角色未拆分为5个不同的单元格。

---

问题是您将每个字段连接成一个字符串；字符串中没有分隔符，因此没有逻辑方法将其拆分。相反，您要做的是将每个字段存储在中，然后您可以对其进行迭代以构建HTML字符串，或者更好的做法是仅使用为正在创建的单元格创建HTML

函数getInfo{ var info=document.getElementByIdform1； var fields=[]；//创建一个空数组 var i； 对于i=0；i 试试看 名字 姓 住址 城市 状态