imgタグ、inputタグのaltをわさわさする

2009年9月 8日

  • imgタグのaltチェックはWeb Developer。
  • inputタグのaltチェックは、IEでちくちくマウスを乗せてみる (アナログ)。

という方法だったけど、inputタグだらけのHTMLに出くわしてIEでちくちくしてられなかったので、altをタグの後ろに表示するJavaScriptを書いてみた。

  1. Firefoxで、チェックしたいページを開く。
  2. すべてのCSSを無効にする (Web Developerが入っていたら、「Ctrl + Shift + S」かな?)。
  3. Firebugを開く。
  4. Firebugのコンソールに、以下のスクリプトを貼り付ける。
  5. 実行。
  6. imgタグ、inputタグのaltが、わさわさ!!
$("img, input:image").each(function(){
    $(this).after('<span style="color: #000 !important;'
    + 'border: 1px solid #fc9 !important;'
    + 'background: #ff9 !important;'
    + 'position: relative; z-index:20;">' + $(this).attr("alt") + '</span>');
});

......ただし、jQueryに依存してるので、そのページでjQueryを使ってないとエラーになるっていう。積極的手抜き。

Category

Archives