Question

Why doesn’t this work?

var row = document.getElementById(currentRow);
var otherRow = document.getElementById(targetRow);
row.cells[0] = otherRow.cells[0];

This works with

row.cells[0].innerHTML = otherRow.cells[0].innerHTML;

However, there are attributes attached to the cell which I also want to move over without having to manually recreate them.

Solution (Note: more is being done in my actual implementation, but this is the framework):

for (var i = 0; i < 4; i++) {
    var copyTo = row.cells[i];
    var copyFrom = otherRow.cells[i].cloneNode(true);
    copyTo.parentNode.replaceChild(copyFrom, copyTo);
}

Answer 1

You should be able to use cloneNode() to actually clone the node and its attributes.