HTMLのテーブルを縞状にするブックマークレット
ウェブページのテーブル、すなわち「<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";
}
}
}
}
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";
}
}
}
}
最近のコメント