Javascriptでテーブルの背景を行毎に交互に変えていく方法。
行を途中に挿入したり削除したりしても色を変更する必要がないので結構ラクかも。
【javascript】テーブルの背景色を交互に変える
<script type="text/javascript">
function setTableColor01(){
targetTable=document.getElementById('table01');
targetTr=targetTable.getElementsByTagName('TR');
for(i=0; i<targetTr.length; i++){
TrColor = (i%2) ? "#FEFEFE" : "#EEF2FB";
targetTr[i].setAttribute("bgColor",TrColor);
}
}
</script>
function setTableColor01(){
targetTable=document.getElementById('table01');
targetTr=targetTable.getElementsByTagName('TR');
for(i=0; i<targetTr.length; i++){
TrColor = (i%2) ? "#FEFEFE" : "#EEF2FB";
targetTr[i].setAttribute("bgColor",TrColor);
}
}
</script>
2004-12-04 09:35:00