✔ html Code dynamisch vertauschen

[tobee]

Hallo,

ich habe folgenden html Code

<table>
  <tr>
    <td>Überschrift</td>
  </tr>
  <tr>
    <td>Main</td>
  </tr>
</table>

Wie könnte ich nun erreichen das ich

  <tr>
    <td>Überschrift</td>
  </tr>

den Code mit

  <tr>
    <td>Main</td>
  </tr>

tausche, das es im Endeffekt so

<table>
  <tr>
    <td>Main</td>
  </tr>
  <tr>
    <td>Überschrift</td>
  </tr>
</table>

rauskommt.

Ich will aber nicht nur den Text tauschen. Es könnte nämlich sein das die html Tags unterschiedlich sind.

Danke, Tobee

 

[deepthroat]

Hi.

Mit der folg. Funktion kannst du 2 beliebige Elemente miteinander tauschen, du mußt die Elemente nur als Parameter der Funktion angeben:

function swap(e1, e2) {
  if (e1 && e2 && e1 != e2) {
     var p1 = e1.parentNode, p2 = e2.parentNode, e1n = e1.nextSibling;
     p1.removeChild(e1);
     p2.replaceChild(e1, e2);
     if (e1n) {
       p1.insertBefore(e2, e1n);
     } else {
       p1.appendChild(e2);
     }
  }
}

Gruß