JavaScriptで元の画像サイズを取得したい（.naturalWidthでundefinedが返ってきます。）

Question

<img src="images/img.svg" alt="" class="hoge-img"/>

$(window).on("load", function () {
  var width = $('.hoge-img').naturalWidth;
  console.log(width);
});

元画像のサイズを取得したいのですが、
なぜか、undefinedが返ってきます。
色々調べたのですが原因がわかりません。
よろしくお願いいたします。

ブラウザ：最新クローム

Answer 1

$('.hoge-img').prop('naturalWidth') か document.querySelector('.hoge-img').naturalWidth にしましょう。

Comments

[komurojun]

ありがとうございます。
無事に元画像の高さが取れました。
散々悩んでたので助かりました。