JavaScript

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

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

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

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

サンプルソース

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 1970年1月1日からの経過ミリ秒を取得する(.getTime)

1970年1月1日からの経過ミリ秒を取得するには、.getTime()を使用します。 サンプルソース 例)1970/1/ ...

[JavaScript] 文字列がYYYYMMDD形式の日付文字列であるかどうかチェックする

文字列がYYYYMMDD形式の日付文字列であるかどうかチェックするサンプルFunctionです。 サンプルソース 例)値 ...

[JavaScript] メッセージIDでメッセージを管理する

メッセージIDを定義して、定義したIDでメッセージを管理するサンプルです。 サンプルソース 例)メッセージの定義と呼び出 ...

[JavaScript] ブラウザの新規タブにopen.windowする

ブラウザの新規タブにopen.windowするには、 オプションを指定せずにopen.windowすればOKです。 サン ...

[JavaScript] 10進表記のカラーコードを16進表記に変換する

10進表記のカラーコードを16進表記に変換したい場合にご利用ください。 10進表記のカラーコードを16進表記に変換する ...

スポンサーリンク