Existe uma boa função ou classe JS que pode analisar perfeitamente uma sequência de HTML no DOM sem redefinir o conteúdo existente? Estou tentando encontrar uma maneira fácil de duplicar uma linha complicada da tabela na parte superior da tabel

Obviamente funcionará assim:

element.innerHTML = newHTML + element.innerHTML;

No entanto, isso faz com que o navegador recarregue a tabela inteira, redefinindo a posição de rolagem e excluindo qualquer conteúdo editável não salvo na tabel

ATUALIZAR

Eu não estou usando jQuery para este projeto. Aqui está uma ideia que encontrei em algum lugar, mas não consigo fazê-la funcionar:

var templateRow = document.getElementById( 'templateRow' );
var newhtml = "<tr id='row"+lastID+"'>"+'templateRow'.innerHTML+"</tr>";
var range = document.createRange();
range.selectNode( 'templateRow' );
var parsedHTML = range.createContextualFragment( newhtml );
templateRow.appendChild( parsedHTML )