javascript - 通过 Javascript 创建的图像未显示

Question

我正在为 Firefox 编写一个扩展，它将图像添加到当前网页。虽然这应该不是问题，但以下代码片段不起作用。我得到了一个 50px/50px 的矩形，即图像的边框，但图像本身没有显示。

var img = document.createElement("img");
img.style.border = "1px solid #000";
img.style.width = "50px";
img.style.height = "50px";
img.setAttribute("src", "chrome://myExtension/content/images/add-icon.png");

它也不适用于来自外部结果的图像。添加 div 环境似乎有效。 img.src="..."不会改变任何内容。

我尝试将图像添加到 div 中。添加 div.length 后增加了 1。所以不知何故一切正常，除了图像没有显示。有什么提示吗？

谢谢并致以最诚挚的问候，

基督教

Answer 1

var body = content.document.getElementsByTagName("BODY").item(0);
var img = document.createElement("img");
img.src = "chrome://myExtension/content/images/add-icon.png";
var divBox = document.createElement("div");
divBox.appendChild(img);
body.appendChild(divBox); 

正如评论中所讨论的，一致地使用“content.document”，而不是混合使用“content.document”和“document”。