javascript - Javascript でテーブル全体を反復することにより、tableRow id 値にアクセスします。

Question

ユーザーがクリックした場合、html テーブルで tableRow を上に移動したいと考えています。html は次のとおりです。

<tr id="duration_row" onclick="moveUp('duration_row', 'sort_table')">

独自の Javascript 関数を作成することにしたので、使用したい関数を次に示します。

function moveUp(row, table){
//  alert(document.getElementById(table).rows[5]);
//  alert(up);
var rows = document.getElementById(table).rows;

for ( var i = 1; i < rows.length; i++) {
    if (row === rows[i]) {

        var tempRow = rows[i - 1];
        rows[i - 1] = rows[i];
        rows[i] = tempRow;
    }
}

}

これは非常に簡単です。テーブル行の配列を繰り返し処理し、一致する行をその上の行と交換します。文字列をオブジェクト HTMLTableRowElement と比較するため、それでも機能しません。したがって、HTMLTableRowElement の ID を取得する必要があります。この問題を克服する方法はありますか? （おそらく全体のアプローチが間違っているので、より良いアイデアがあれば教えてください。）

Answer 1

行の内容が必要な場合:

 var id =document.getElementById("table-id").rows[i].id;