DOM appendChild do wstawiania obrazów

Question

Mam ten kod, który tworzy linki.

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

muszę dodać zdjęcie do linku, ale gdy próbuję dodać kod obrazka:

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

uzyskać:

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

A nie: Link[*_*]

Gdzie jest zdjęcie [*_*].

Wyświetlacz kod źródłowy to:

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

nie wiem jak to napisać.

Dzięki.

Answer 1

Należy utworzyć obraz przy użyciu własnych metod DOM też:

coś takiego:

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

DOM_a.appendChild(DOM_img); 

przykład roboczych here.