JavaScript

[JavaScript] imgタグに画像が存在するかチェックする

投稿日:2017年10月28日 更新日:

imgタグに画像が存在するかチェックするサンプルです。

画像がリンク切れしているかどうかをチェックしたい場合などに使用できます。

サンプルソース

例)id="img1"のイメージタグに画像が設定されているか判定する

resultが0でなければ画像あり、0なら画像無しです。

解説

  • 画像が無い場合はサイズがゼロになる事を利用して判定しています。
  • imgタグのwidth値を直接参照するとalt属性がある場合にうまく判定できないので、生成したImageオブジェクトにimgタグをコピーしてwidth値を判定するのがポイントです。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] 複数の同名idを定義した場合の動き

1つのHTML中ではidは一意にする必要がありますが、誤って同名のidを複数定義してしまった場合にどのような動きとなるか ...

[JavaScript] 連動するセレクトボックス

連動するセレクトボックスのサンプルです。 サンプルソース 例)都府県を選択すると、市区の選択肢が変わるセレクトボックス ...

[JavaScript] 要素のwidth、heightを取得する

要素のwidth、heightを取得するサンプルです。 サンプルソース 例)ボタンをクリックするとid="dv1"要素の ...

[JavaScript] エラー発生時のイベントを取得する(onError)

エラー発生時のイベントを取得するには、onerrorイベントハンドラを使用します。 サンプルソース 例)画像が読み込めな ...

[JavaScript] 数値を文字列に変換する時最もパフォーマンスが良い方法

数値を文字列に変換するには、以下3種類がありますが どれが最もパフォーマンスがよいか調べてみました。 [crayon-5 ...

スポンサーリンク