[JavaScript] Insérer un élément à un endroit précis

[peKKa]

Bonjour !

 

Je connais la méthode AppendChild pour insérer un élément à l'intérieur d'un autre, mais il le fait à la suite des autres.

Par exemple, si j'ai un tableau comme celui-ci :

<table>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</table>

 

Comment insérer une ligne entre la 2ème et 3ème ligne ?

 

Merci pour vos indications.

[KewlCat]

Bah, comme son nom l'indique, AppendChild() fait un "append" donc un "ajout à la suite" (à la suite de l'élément sur lequel on appelle cette méthode).

Pour ton tableau, tu sembles vouloir ajouter une ligne après la 2nde, c'est ça ?

Alors insertBefore() est prévue pour ça

Tu dois attribuer un id à la ligne 3, un id à ton tableau, et insertBefore() viendra ajouter ton nouvel élément à la liste des ChildNodes du tableau, juste avant le ChildNode correspondant à la 3ème ligne.

N'oublie pas que le Node que tu insères doit être un <tr> (donc document.createElement('tr'); !), sans oublier le td, bien sûr

 

http://ereg.bir.gov.ph/xdk/c/parser/Packag...ml#insertBefore