0

現在のWebページに画像を追加する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-environmentsの追加は機能しているようです。img.src="..."は何も変更しません。

画像をdivに追加しようとしています。div.lengthを追加した後、1増加しました。したがって、画像が表示されないことを除いて、何とかすべてが機能しています。ヒントはありますか？

よろしくお願いします、

キリスト教徒

4

2 に答える 2

1

コンテンツにアクセスできるように設定しましたか？

https://developer.mozilla.org/en/chrome_registration#contentaccessible

クロム以外のコンテンツからクロム画像などを利用できるようにするために必要です。

于 2011-08-02T10:45:20.630 に答える
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」と「document」を混在させるのではなく、「content.document」を一貫して使用してください。

于 2011-08-02T12:51:04.923 に答える