11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour

J'ai le code suivant :
<table>
    <tbody>
      <tr>
        <td>A</td>
        <td>1010</td>
      </tr>
    </tbody>
    <tbody>
      <tr>
        <td>C</td>
        <td>1005</td>
      </tr>
    </tbody>
</table>



comment puis-je faire pour insérer :
<tbody>
      <tr>
        <td>B</td>
        <td>1070</td>
      </tr>
    </tbody>


entre les 2 tbody pour obtenir le code suivant :

<table>
    <tbody>
      <tr>
        <td>A</td>
        <td>1010</td>
      </tr>
    </tbody>
    <tbody>
      <tr>
        <td>B</td>
        <td>1070</td>
      </tr>
    </tbody>
    <tbody>
      <tr>
        <td>C</td>
        <td>1005</td>
      </tr>
    </tbody>
</table>


merci

PoichOU
Modifié par PoichOU (23 May 2007 - 17:01)
Bonjour,

D'abord, je considère que tu donnes un id "idtable" à ton tableau :

var montableau = document.getElementById("idtable");
var mestbody = montableau.getElementsByTagName("tbody");
// Création du tbody (monnouveautbody) et de ses enfants via le DOM ...
montableau.insertBefore(monnouveautbody,mestbody[1]);


Bonne continuation.
Romain
Modifié par yodaswii (23 May 2007 - 10:22)