Meuser: Wie verschibt man ein HTML Knoten (nicht left und top!)

Beitrag lesen

Hallo,

da ich leider keine Lösung gefunden habe einen HTML Knoten zu verschieben frage ich jetzt hier.

Ausgangssituation (vereinfacht):
<body>
  <div>
   <tabel>
    <tr><th>...</th><th>...</th><tr>
    <tr><td>...</td><td>...</td><tr>
    <tr><td>...</td><td>...</td><tr>
    <tr><td>...</td><td>...</td><tr>
   </table>
  </div>
</body>

Zile:
<body>
  <div>
   <tabel>
    <tr><th>...</th><th>...</th><tr>
    <tr><td colspan=2>
     <tabel>
      <tr><td>...</td><td>...</td><tr>
      <tr><td>...</td><td>...</td><tr>
      <tr><td>...</td><td>...</td><tr>
     </table>
    </td><tr>
   </table>
  </div>
</body>

Irgend eine Idee wie man das mit javascript hin bekommt?
Bei mir wird daraus immer:
<body>
  <div>
     <tabel>
      <tr><th>...</th><th>...</th><tr>
      <tr><td>...</td><td>...</td><tr>
      <tr><td>...</td><td>...</td><tr>
      <tr><td>...</td><td>...</td><tr>
     </table>
   <tabel>
    <tr><th>...</th><th>...</th><tr>
    <tr><td colspan=2>
    </td><tr>
   </table>
  </div>
</body>
da ich nicht weiß wie man HTML-Knoten verschieben kann.
(Kopieren geht ja einfach, aber wie bekommt man ein Knoten aus children wider heraus?)

MfG
Meuser