javascript - 将多个 td 添加到额外数组中以添加到 tr 元素节点

Question

我有一个 var 列表，里面有一些值。这些值均由表输入字段中插入的内容创建为文本节点，如下所示:

<td><input id="a" type="text" cam-variable-name="a" /></td>
<td><input id="b" type="text" cam-variable-name="b" /</td>
<td><input id="c" type="text" cam-variable-name="c" /></td>

var a= document.createTextNode(document.getElementById("a").value);
var b= document.createTextNode(document.getElementById("b").value);
var c= document.createTextNode(document.getElementById("c").value);
var list[a,b,c]

现在我已经迭代了 td 对象

for(i=0;i<list.length;i++){var node_td = document.createElement('td');
node_td.id=i;
node_td.appendChild(list[i]);

我有一个问题，每个 td 元素应该以某种方式插入一个新数组中，这样我就可以迭代该数组，就像 listNode[] 一样。我无法通过 id 获取元素，因为它还没有在文档中，但我必须将所有 tds 放入 tr 节点中，这样它就不会只在我的表中提供一个字段“c”..任何人都知道我如何获取那`？

Answer 1

你可以尝试这样的事情:

var ids = ['a', 'b', 'c'],
    trElement = ids
        .map(function( id ) {
            return document.querySelector('#' + id);
        })
        .reduce(function( tr, node ) {
            var td = document.createElement('td');
            td.id = node.value;
            tr.appendChild(td);
            return tr;
        }, document.createElement('tr'));

然后他们将 trElement 附加到您的表中。