JavaScript

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

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

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

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

サンプルソース

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 配列の値を全件取得する(forEach、for-of)

配列の値を全件取得するには、forEachまたは、for-of構文を使用します。 ※ for-of構文はECMAScri ...

[JavaScript] 三角関数を使用する

JavaScriptで三角関数を使用するサンプルです。 サンプル 例)30度のサイン(正弦)を求める [crayon-5 ...

[JavaScript] HTMLタグに独自属性を設定する(dataset)

HTMLタグに独自の属性を設定したい場合は、datasetという仕組みを使用します。 カスタムデータ属性とも呼ばれます ...

[JavaScript] 日付文字列(YYYYMMDD)から年度を求める

日付文字列(YYYYMMDD)から年度を求めるサンプルです。 サンプルソース 例)引数に日付文字列(YYYYMMDD)を ...

[JavaScript] 都道府県選択セレクトボックスを生成する

都道府県選択セレクトボックスをJavaScriptで生成するサンプルです。 サンプルソース 例)onLoad時に都道府県 ...

スポンサーリンク