将多个tds添加到额外的数组中以添加到tr元素节点

debugcn 发表于 Dev

小猕猴桃

我有一个带有一些值的变量列表。这些值每个都是通过在表输入字段中插入的内容作为textnode创建的，如下所示：

<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”。那？

雪莉

您可以尝试类似的方法：

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附加到表中。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。