HTMLのテーブルを縞状にするブックマークレット

Pocket

ウェブページのテーブル、すなわち「<table>~</table>」を使って書かれたテーブルについて、1行おきに背景をグレーにするブックマークレットを作ってみました。
長い表を縞状にすることで見やすくしようというわけです。
そのページにあるテーブルすべてが対象になります。
InternetExplorer6、Firefox3で動作確認済みです。

javascript:(function(){ta=document.getElementsByTagName("table");for(i=0;i<ta.length;i++){tr=ta[i].getElementsByTagName("tr");for(j=0;j<tr.length;j++){if(j%2){tr[j].style.backgroundColor="#f0f0f0";}}}})()

蛇足ですが改行を入れて見やすくした場合を次に示します。

function(){
  ta=document.getElementsByTagName("table");
  for(i=0;i<ta.length;i++){
    tr=ta[i].getElementsByTagName("tr");
    for(j=0;j<tr.length;j++){
      if(j%2){
        tr[j].style.backgroundColor="#f0f0f0";
      }
    }
  }
}

関連記事

[ 2009年9月3日 | カテゴリー: デジタル | タグ: ]

« | »

コメントを残す

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

送信してください。


タグ

カテゴリー

最近の投稿

最近のコメント

固定ページ

アーカイブ

stabucky

写真

メタ情報