Question

我在Chrome扩展程序中的内容脚本中。我想添加以下代码以动态创建 div 元素，其中包含一些文本和图像，其中包含 src 属性和 ID ：

     var errorMessage = document.createElement('div');

     errorMessage.id = "errorMessage";

     errorMessage.innerHTML = "error type <img src=chrome.extension.getURL(\"icone_redX.png\") id=\"redX\">";

然而，浏览器正在弄乱我的代码，产生了这个结果：

<div id="errorMessage">error type <img src="chrome.extension.getURL("icone_redX.png")" id="redX"></div>

因此，它不是在扩展目录中查找icone_redX.png存档，而是在当前页面的目录中查找chrome.extension.getURL("icone_redX.png")存档。如何阻止他添加这个引号？

Answer 1

等等，基本上你确实想要将src设置为chrome.extension.getURL()的结果，不是吗？

因此它应该是这样的：

errorMessage.innerHTML = "error type <img src="+chrome.extension.getURL("icone_redX.png")+" id=\"redX\">";

HTML：引号自动添加到图像源

1 个答案: