javascript - 在 javascript 代码中使用 innerHTML 指定 img src 并关联一个类

Question

我正在使用下面的代码创建带有 css 类的图像并将其放入 div( imagepath1) 中。

this.imagePath1.innerHTML = "<img src='" + "../path/imagename" + "' class='classname'>";

它无法找到图像路径，正如我在 DOM 元素中看到的那样，当通过“检查元素”查看时，资源也不可用。

任何线索如何做到这一点？

谢谢，kk

Answer 1

1）确保您编码的路径是相对于您的 html 文档（而不是您的 javascript 文档）

2) img 标记很好，无需为 html 关闭斜线（没有关闭标记对于 HTML 是可以的，但某些浏览器可能使用 XHTML 语法，其中标记必须正确关闭。

笔记

这两种可能的解决方案都是在考虑到您的javascript 语句在正确的上下文中使用this关键字的情况下做出的。如您所知，这与调用者和上下文有关，与函数无关。