How to swap two rows using JS + DOM ?

[Timmy]

Hi guy,

consider the following table:



<table id="t" border="0" width="200">
<tr>
<td>1</td>
</tr>
<tr>
<td>2</td>
</tr>
<tr>
<td>3</td>
</tr>
</table>



how to swap row 2 with row 1, using DOM (not innerHTML!)

thanks...

 

[Daniel Kirsch]

<table id="t" border="0" width="200">
<tr>
<td>1</td>
</tr>
<tr>
<td>2</td>
</tr>
<tr>
<td>3</td>
</tr>
</table>



how to swap row 2 with row 1, using DOM (not innerHTML!)

Have you read the "DIV around TR" thread from this morning?

var table = document.getElementById("t");
table.rows[0].parentNode.insertBefore(table.rows[1],table.rows[0]);

You need to use parenNode and not just the table object, as the UA
inserts a tbody element between <table> and the <tr> elements.

Daniel