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); 

工作示例here。