jQueryで、img要素のalt属性の有無を確認(1)」を少し実用的にするため、外部のhtml を読み込み、img要素のalt属性の有無をチェックするようにしました。

input欄にチェックしたいURLを入力し、「外部htmlをload」ボタンをクリックします。外部htmlが下側の赤紫のボーダー内に読み込まれます。その状態で、「loadしたhtmlのalt属性を確認」をクリックすると、img要素のalt属性の有無をチェックします。
チェックの内容は、「jQueryで、img要素のalt属性の有無を確認(1)」と同様です。なお、input欄には、予めテスト用ページ「img-dummy.html」をvalueで入れてあります。また、読み込まれるhtmlのcssは、タグに直接書かれたもの以外無効になり、このページのcssが適用されます。共通の外部cssのみを利用している場合は反映されます。 階層の違うhtmlをloadすると、imgのパスが変わってしまうので、画像は表示されませんが、altのチェックは可能です。

注意別のドメインからloadするのは想定していません。


戻るボタン