Javascript DOM appendChild 插入图片

DOM appendChild to insert images

提问by Memochipan

I have this code that creates links.

我有这个创建链接的代码。

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

I need to add an image to the link, but when I try to add the image code:

我需要向链接添加图像，但是当我尝试添加图像代码时：

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

I get:

我得到：

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

And not: Link[*_*]

并不是： Link[*_*]

Where [*_*]is the image.

图片在哪里[*_*]。

The source code display this:

源代码显示：

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

I don't know how to write it.

我不知道怎么写。

Thanks.

谢谢。

回答by Marcelo Assis

You should create the image using own DOM methods too:

您也应该使用自己的 DOM 方法创建图像：

Something like this:

像这样的东西：

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

DOM_a.appendChild(DOM_img);

A working example here.

这里有一个工作示例。