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。