JavaScript

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

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

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

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

サンプルソース

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] タグ名を取得する(.tagName)

JavaScriptでタグ名を取得するには、.tagNameを使います。 サンプルソース 例)id="dv1"オブジェク ...

[JavaScript] 文字列を置換する(.replace)

文字列を置換するサンプルです。 置換には、replace関数を使用します。 一番初めに出現した置換対象文字のみ置換する ...

[JavaScript] スタイルをCSS表記で設定する(style.cssText)

CSS表記のままJavaScriptでスタイルを指定したい場合は、style.cssTextを使用します。 サンプルソー ...

[JavaScript] 半角(ASCII)文字チェックを行う

半角文字チェックを行うサンプルFunctionです。 サンプルソース 例)値が半角英数記号の場合はtrueを返す(空文字 ...

[JavaScript] パスワード用にランダムな文字列を生成する

ランダムな文字列を作成するサンプルです。 サンプルソース 例)半角英数字と一部記号からランダムな8桁文字列を生成する [ ...

スポンサーリンク