javascriptのhtmlテーブル要素（完全なオブジェクト）をスワップ

Question

EDIT：rowIndexを取得しているので、整数をスワップしようとしています。それは私がしたいことではありません。私はオブジェクトを交換したい。しかし、私は実際にどのように知りません。

上記の要素と下の要素をそれぞれ入れ替えて、キュー内でテーブル要素を上下に移動したいとします。しかし、私のコードは動作しません。以下は、downButtonのJS関数です。

var downButton = document.getElementsByClassName('downButton')[0]; 
downButton.onclick = function moveDown(currentRow) { 
    var index = currentRow.parentNode.parentNode.rowIndex; 
    var nextRow = currentRow.nextElementSibling.parentNode.parentNode.rowIndex; 
    var temp = index; 
    index = nextRow; 
    nextRow = temp; 
} 

これはダウンボタンのHTMLです：

<button class = "downButton">down</button> 

は、ここでテーブルのJSFiddleリンクです：代わりにインデックスのhttps://jsfiddle.net/Led4b3nw/

Answer 1

スワップinnerHTMLプロパティ：

var index = currentRow.parentNode.parentNode; 
    var nextRow = currentRow.nextElementSibling.parentNode.parentNode; 
    var temp = index.innerHTML; 
    index.innerHTML = nextRow.innerHTML; 
    nextRow.innerHTML = temp;