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

工作示例这里.