DOM appendChild pour insérer des images

J'ai ce code qui crée des liens.

   /* Create a link to activate the tab */
    DOM_a = document.createElement("a");
    DOM_a.appendChild(document.createTextNode(t.headingText));
    DOM_a.href = "javascript:void(null);";
    DOM_a.title = t.headingText;
    DOM_a.onclick = this.navClick;

J'ai besoin d'ajouter une image pour le lien, mais lorsque j'essaie d'ajouter le code de l'image:

<img src="typo3conf/ext/ori_proyectos/res/images/interes.png">

J'obtiens:

Link<img src="typo3conf/ext/ori_proyectos/res/images/interes.png">

Et non pas:
Link[*_*]

Où [*_*] est l'image.

Le code source d'afficher ce:

&lt;img src="typo3conf/ext/ori_proyectos/res/images/interes.png"&gt;

Je ne sais pas comment l'écrire.

Grâce.

OriginalL'auteur Memochipan | 2011-10-28

  1. 29

    Vous devez créer l'image à l'aide des propres méthodes du DOM:

    Quelque chose comme ceci:

    var DOM_img = document.createElement("img");
DOM_img.src = "typo3conf/ext/ori_proyectos/res/images/interes.png";

DOM_a.appendChild(DOM_img);

    Un exemple de travail ici.

    Merci, ça a fonctionné!! Dans 10 minutes je vais choisir votre réponse. Avez-vous maintenant pourquoi < a changé de &lt;?
    Vous avez créé un nœud de texte à partir de la source. Un nœud de texte ne contient pas tous les éléments HTML, donc < etc, est remplacé par des entités HTML (&lt;, etc).

    OriginalL'auteur Marcelo Assis