JavaScript（Internet Explorer）でスタイル設定されていない画像の幅を調べるにはどうすればよいですか？

Question

は、私はjQueryのを使用せずに画像の幅と高さを見つけるために行うことができます

img = document.createElement("img"); 
    img.src = "MahImage.jpg"; 
    x.appendChild(img); 

以下のあなたが持っている想像してみて？

私は現在、すべてのインテリジェントなブラウザのため正常に動作します.widthを、使用していますが、私は、画像のロードのあなたがプロパティwidthとheightにアクセスすることができた後

Answer 1

IEを幸せにする方法を見つける必要があります。例えば

：

alert(img.height + img.width); 

また、あなたがイメージがonload hanlerを使用してロードされているかどうかを知るためにプロパティにclientHeightとclienWidth

を使用して画像のサイズを取得することができます。

あなたは画像のwidthとheightプロパティにアクセスすることができますが、画像が読み込まれた後、彼らは唯一の有益な値を返します

img = document.createElement("img"); 
img.src = "MahImage.jpg"; 
img.onload = imageproperties; 
x.appendChild(img); 

function imageproperties() { 
    alert(img.height + img.width); 
} 

Answer 2

例えば、あなたは画像のonloadイベントの中でそれらにアクセスしたいだけです（またはそれを読み込むのに妥当な時間を与えてください）。

img = document.createElement("img"); 
img.onload = function() { 
    this.height; 
    this.width; 
}; 
img.src = "MahImage.jpg"; 
x.appendChild(img); 

あなたは、これはここで働く見ることができます：http://jsfiddle.net/aS7a7/

Answer 3

あなたはそれがロードを完了された後まで、画像の高さ/幅を見つける傾けるので、これはトリッキーです。つまり、画像の読み込みにコールバックが必要です。

var img = document.createElement("img"); 
img.src = "MahImage.jpg"; 
img.onload = imageReady; 
x.appendChild(img); 

var imageReady = function() { 
    alert(img.height); 
    alert(img.width); 
} 

Answer 4

画像が読み込まれるまで待つ必要があります。ここにコードがあります（Chromeでテスト済み）：

img = document.createElement("img"); 
img.src = "http://google.ru/logos/2011/Albert_Szent_Gyorgyi-2011-hp.jpg"; 
img.onload = function(){ 
    console.log(img.width, img.height); 
} 
document.getElementsByTagName('body')[0].appendChild(img);