Ajouter une span dans une div avec le DOM

Bonjour à tous,

J'ai une div qui se nomme "pathologie".

Dans cette div, il y a un autre élément dont l'id est supra1.

Je voudrais insérer avec supra1 une image.

Pour cela, j'ai créé deux span avec le DOM :

Code:

---

1 2 3 4 5 6

var spanEdit = document.createElement('span'); spanEdit.innerHTML = "<img src='images/edit-icon.png'/>";   var spanDelete = document.createElement('span'); spanDelete.innerHTML = "<img src='images/Sign-Error-icon.png'/>";

---

je les insère :

Code:

---

1 2	document.getElementById('pathologie').insertBefore(spanDelete,'supra'+z); document.getElementById('pathologie').insertBefore(spanEdit,'supra'+z);

---

et j'obtiens ce message d'erreur :

Citation:

---

uncaught exception: [Exception... "Could not convert JavaScript argument arg 1 [nsIDOMHTMLDivElement.insertBefore]" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)" location: "JS frame :: http://localhost:8888/ :: save_pathology :: line 33" data: no]

---

line 33 est la suivante :

Code:

---

document.getElementById('pathologie').insertBefore(spanDelete,'supra'+z);

---

Auriez-vous une idée svp ?

Merci d'avance.

beegees

Bonjour,
il faut utiliser les créations et insertions DOM jusqu'au bout.

Code:

---

1 2 3 4 5

var oImage_1, oImage_2; oImage_1 = document.createElement('IMG'); oImage_2 = document.createElement('IMG'); oImage1.src = 'nom_fichier_1.png'; oImage2.src = 'nom_fichier_2.png';

---

et pour l'insertion il faut passer des références aux éléments et non des ID

Code:

---

1 2 3

var oDest = document.getElementById('pathologie'); var oNoeud = document.getElementById('supra'+z); oDest.insertBefore( oImage_1, oNoeud);

---

Bonjour,

Un tout grand merci pour ta réponse.

J'ai pu résoudre mon problème grâce à toi.

Bon W.E.
beegees