appendChild() mais au début

**tsukasag** · 03/11/2009, 15h04

Bonjour,

je cherche comment faire un équivalent à appendChild() mais au début du node, pour l'instant j'ai fait sa :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
var newdiv = document.createElement('div');
newdiv.innerHTML = 'ggg';
document.body.appendChild(newdiv);

Sa marche mais le div est ajouté à la fin du <body> et non au début ... une idée?

merci par avance,
tsukasa.

**SpaceFrog** · 03/11/2009, 15h07

insertBefore

**E.Bzz** · 03/11/2009, 15h07

Bonjour,
en ciblant le firstChild() de ton div (à partir du moment où il existe), puis en utilisant insertBefore() au lien appendChild(), ça devrait le faire

A+

**tsukasag** · 03/11/2009, 15h10

J'ai essayer mais sans succès :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.body.insertbefore (newdiv,document.body.firstChild);

un exemple?

**E.Bzz** · 03/11/2009, 15h15

Envoyé par E.Bzz

en ciblant le firstChild() de ton div (à partir du moment où il existe)

A+

**E.Bzz** · 03/11/2009, 15h16

Et le B majuscule de insertBefore() n'est pas là pour une question d'esthétique

A+

**Bovino** · 03/11/2009, 15h18

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.body.insertBefore (newdiv,document.body.getElementsByTagName('*')[0]);

**tsukasag** · 03/11/2009, 15h23

Un grand merci a vous tous, sa marche

je ne savais pas qu'un joker pouvais être utiliser ainsi, mais sa marche

**E.Bzz** · 03/11/2009, 15h23

@Bovino : pour

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body></body>

ça va pas changer grand chose, si ?

EDIT : ah ben si apparemment

Comment se fesse ?

A+

**Bovino** · 03/11/2009, 17h18

Ben... j'avais pas prévu ce cas-là (au passage, ça marche quand même sur FF, mais pas sur IE7...).
En fait, la solution servait surtout à éviter les tests sur le type du firstChild (différence d'interprétation du DOM)

**E.Bzz** · 03/11/2009, 17h28

Envoyé par Bovino

(au passage, ça marche quand même sur FF, mais pas sur IE7...).

Aussi "grâce" aux différences d'interprétation du DOM on dirait (les nœuds vides de FF)

Donc, pour la portabilité, mieux vaut faire le test d'existence

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
if (document.body.getElementsByTagName('*')[0])
// ou
if (document.body.firstChild)

sinon, le insertBefore() n'aura pas de child en référence.
Dans ce cas (le else) , il suffit d'utiliser appendChild() ...

A+

appendChild() mais au début

JavaScript

Discussions similaires

Partager

Partager