DOM appendChild для вставки изображений

Question

У меня есть этот код, который создает ссылки.

   /* 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;

Мне нужно добавить изображение к ссылке, но когда я пытаюсь добавить код изображения:

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

Я получаю:

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

а не: Link[*_*]

Где [*_*] - изображение.

Исходный код отображает это:

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

Я не знаю, как это написать.

Спасибо.

Answer 1

Вы также должны создать изображение, используя собственные методы DOM:

Примерно так:

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

DOM_a.appendChild(DOM_img);

Рабочий пример здесь .