使用Javascript将元素附加到单元格

Question

I have a table with two columns and I like to append the same element to my second column. I tried it with the following code, but it always just adds it to the first row.

for (var i = 0, row; row = table.rows[i]; i++) {
   var cell = row.cells[1];
   cell.appendChild(element1);
};

Answer 1

You need to clone the Node :

cell.appendChild(element1.cloneNode(true))

true means deep copy here. If you don't create a new Node, it just moves to the new position of the DOM tree.