DOM appendChild para insertar imágenes

Question

Tengo este código que crea enlaces.

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

tengo que añadir una imagen para el enlace, pero cuando intento agregar el código de la imagen:

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

me sale:

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

Y no: Link[*_*]

Donde [*_*] es la imagen.

El código fuente de esta pantalla:

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

no sé cómo se escribe.

Gracias.

Answer 1

debe crear la imagen usando los propios métodos DOM también:

Algo como esto:

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

DOM_a.appendChild(DOM_img); 

Un ejemplo de trabajo here.