JavaScript

Javascriptで画像サイズを取得したい

<img src="sample.jp" alt="サンプル" id="samp">

上記のように記述したimgタグから、

Javascriptで画像サイズを取得する場合、

var w = document.getElementById("samp").width;

var h = document.getElementById("samp").height;

とすれば、

横幅と高さをそれぞれ取得できるはず!!

 

ということで、

早速テストをしてみることに。

 

FirefoxはOK!!

ChromeもOK!!

で問題のIEの番です。

恐る恐るテストしてみると、

エラー?なのか横幅、高さ共に「0」が返ってきました。

 

どうもIEの場合には、

<img src="sample.jp" alt="サンプル" id="samp" width="150" height="150">
といったようにwidthとheightをタグ内に記載しておかないと取得できないらしいです。

 

エラーではなくてそういう仕様なんだと思うのですが、

IEだけ動作してくれないというのはよくあることなので、

今更ヘコむことも無く別の方法を探してみました。

 

で、

見つかったのはjQueryを使用する方法です。

 

早速jQueryをダウンロードしてきて、
<head>~</head>
内辺りで読み込んでやります。

<script src="./js/jquery-1.7.2.min.js"></script>

みたいな感じで。

 

次に、

var obj_w = document.getElementById("samp");
var w = $(obj_w).width();
var obj_h = document.getElementById("samp");
var h = $(obj_h).height();

としてやれば、

横幅、高さ共に無事取得できました。

 

いあや~、

IEって開発者の足をどこまで引っ張るつもりなんでしょうか?

余分な時間を使ってしまいました。

0
この記事を書いている人
株式会社ディープ

名前ダッチ

メールアドレスadachi@deep-deep.jp

Twitterはこちら >>

  • コメント: 0

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. ITコンサルティング
  2. トラブル
  3. WP:WordPress(ワードプレス)
  4. WP:WordPress(ワードプレス)
  5. WP:WordPress(ワードプレス)
  6. SNSシェア
  7. 開始
  8. コーディング
  9. WP:WordPress(ワードプレス)
  10. WP:WordPress(ワードプレス)

Twitter

ダッチ@職業ブロガー兼プログラマー
@gatsu0000

  • 以前「田舎って食費掛からんやろ」って言われて、ちょっとイラっとした。 田舎モンも肉食べるし、魚食べるし、野菜も買うよ。 意識して節約しないと、田舎かってそれなりには食費掛かるよ。
    about 2日 ago via Twitter Web App

アーカイブ

PAGE TOP