JavaScript

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

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

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

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

サンプルソース

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] サブウィンドウを開く(window.open)

JavaScriptでサブウィンドウを開くには、window.open()メソッドを使用します。 サンプルソース 例)幅 ...

[JavaScript] Functionが要求する引数の数を取得する

Functionが要求する引数の数を取得するサンプルです。 サンプルソース 例)関数「fnc02」が要求する引数の数を取 ...

[JavaScript] 指定した年月の最終日を取得する

指定した年月の最終日を取得するサンプルです。 サンプル 例)2016年2月の最終日を取得する [crayon-5b53d ...

[JavaScript] タグ名からオブジェクトを取得する

タグ名からオブジェクトを取得するには、 document.getElementsByTagNameを使用します。 サンプ ...

[JavaScript] 同名Functionが複数存在する場合の動き

同じfunction名の関数が複数定義されている場合は、一番最後に定義されているfunctionが実行されます。 同名・ ...

スポンサーリンク