JavaScriptセットimg src

おそらく私は単純なものを見逃しているかもしれませんが、あなたが読んだものがすべてうまくいかない場合、それはかなり迷惑です。動的に生成されたページの過程で何度も複製される可能性のある画像があります。したがって、当然のことは、プリロードして、その1つの変数を常にソースとして使用することです。

var searchPic;
function LoadImages() {
    searchPic = new Image(100,100);
    searchPic.src = "XXXX/YYYY/search.png";
    // This is correct and the path is correct
}

それから私は使用して画像を設定しました

  document["pic1"].src = searchPic;

または

  $("#pic1").attr("src", searchPic);

私は私が得る画像を照会するときただし、画像はFirebugのに適切に設定されることはありません[object HTMLImageElement]ようsrc、画像の

IEで私は得る：

http://localhost:8080/work/Sandbox/jpmetrix/[object]

これを使用してsrcを設定する必要があります。

document["pic1"].src = searchPic.src;

または

$("#pic1").attr("src", searchPic.src);

imgタグをadd attributes手動で作成する純粋なJavaScript

var image = document.createElement("img");
var imageParent = document.getElementById("body");
image.id = "id";
image.className = "class";
image.src = searchPic.src;            // image.src = "IMAGE URL/PATH"
imageParent.appendChild(image);

ソースを設定 pic1

document["#pic1"].src = searchPic.src;

またはgetElementById

document.getElementById("pic1").src= searchPic.src;

これをアーカイブするj-Query、

$("#pic1").attr("src", searchPic.src);

画像コンストラクターのインスタンスは、どこでも使用することを想定していません。単にを設定しsrc、画像をプリロードするだけで、ショーは終わりです。オブジェクトを破棄して次に進むことができます。

document["pic1"].src = "XXXX/YYYY/search.png"; 

あなたがすべきことです。引き続き画像コンストラクタを使用して、のonloadハンドラで2番目のアクションを実行できますsearchPic。これにより、src実際のimgオブジェクトにを設定する前にイメージがロードされます。

そのようです：

function LoadImages() {
    searchPic = new Image();
    searchPic.onload=function () {
        document["pic1"].src = "XXXX/YYYY/search.png";
    }
    searchPic.src = "XXXX/YYYY/search.png"; // This is correct and the path is correct
}

また、これを解決する1つの方法はdocument.createElement、html imgを使用して作成し、このように属性を設定することです。

var image = document.createElement("img");
var imageParent = document.getElementById("Id of HTML element to append the img");
image.id = "Id";
image.className = "class";
image.src = searchPic.src;
imageParent.appendChild(image);

備考：ワンポイントはJavascriptコミュニティは今使用ドキュメントセレクターなどに開発を奨励することでquerySelector、getElementByIdとgetElementsByClassNameいうより、文書[「PIC1」]。

document["pic1"].src = searchPic.src

うまくいくはず

まったく新しい画像を作成する必要はありません... src属性は文字列値を取るだけです:-)

設定する必要があります

document["pic1"].src = searchPic.src;

searchPic自体はImage（）であり、設定したsrcを読み取る必要があります。

JavaScriptで作成した画像全体になるようにsrc要素を設定しているため、srcプロパティはオブジェクトです。

試す

document["pic1"].src = searchPic.src;

うわー！あなたが使用した場合src、その後srcのは、searchPicまた、使用する必要があります。

document["pic1"].src = searchPic.src

良く見える

WinJSを使用している場合はsrc、Utilities関数を使用してを変更できます。

WinJS.Utilities.id("pic1").setAttribute("src", searchPic.src);