2017-02-06 17 views
2

JSを使用してページ全体を作成しています。 次のようにだから私は画像を入れてテーブルに、私はスニペットを持っている:画像がHTMLで正しく読み込まれない

col = document.createElement("td"); 

var img = document.createElement("IMG"); 
img.setAttribute("src", plane.innerHTML); 
img.setAttribute("width", "304"); 
img.setAttribute("height", "228"); 
img.setAttribute("alt", plane.innerHTML); 
col.appendChild(img); 
row.appendChild(col); 

余分な情報をあなたがが必要な場合:

後、私は、テーブルにこの行を追加します。

ntable.appendChild(row); 

とずっと後に私はこのテーブルで新しいウィンドウを開く:

w =window.open("","","width=700,height=700"); 
w.document.write("<body></body>"); 
w.document.getElementsByTagName("body")[0].appendChild(ntable); 
w.document.close(); 

問題:

初めてウィンドウがポップアップすると、画像の代替テキストが表示されます。私は右それらをクリックして画像を確認するためにリロードする必要があります(列にイメージがあるが意味が、ウィンドウを開くには表示されません。)

ブラウザは詳細:それはChromeで正常に動作しますが、この問題はFirefoxでは永続的です。

enter image description here

+0

実際のhtml出力はFirefoxでどのように見えますか? [mcve]は役に立ちます。 – yezzz

+0

@yezzz左のスクリーンショットはFirefoxで、右はChromeで表示されます。 –

+0

はい、私はそれを見ましたが、完全なコードサンプルと結果のHTMLマークアップは、コードに欠陥がある場合(クロムは処理できますが、FFはできない)というヒントを与えます。 FFはコンソールに何かエラーを出すのですか? – yezzz

答えて

0

を助けるかもしれないと思います。

変数を作成してDOM関数を使用する代わりに、HTMLドキュメント全体で長い文字列を設定し、最後にdocument.writeメソッドを使用してHTMLドキュメントを書き込むことで、HTMLテキストを作成しました。それは画像が読み込まれないという問題を解決するように思えました。

1

私はinsertCellを使用して、私は問題の解決策を見つけた

HTMLTableRowElement.insertCell() 
+0

これは何も変わりません。 –

関連する問題