2007/11/24 10:45:39
47 
6 
30 bitesizestandards.com [
この元データのコンテンツへ ]
<script language="JavaScript" type="text/javascript"> window.onload = colorRows; function colorRows() { var myTR = document.getElementsByTagName('tr'); for (var i=0;i<myTR.length;i++) { if (i%2) { myTR[i].className = 'rowTint'; } } } </script> Just define the class .rowTint with a style such as background-color: #ccc; and you are ready to go! You can see an automatic coloured rows demonstration here. Permanent link | Filed under: JavaScript, Cascading Style Sheets (CSS) About the Author Juan ...
[
← 前画面へ戻る ] [
ニコニコ風に見る ] [
関連記事を見る ] [
Feeling Lucky ]
◆コメント・メモ◆
テーブルをストライプにしてくれるJavascript [ by kyaraway ]
行のバックグラウンドカラーを互い違いにするJavascript。コードがシンプルになっていいですね。
JavaScriptを使って、trエレメントを探索し、交互にクラスを割り当てていくことで、自動でテーブルに色をつけてるようです。
Nice!、trに個別にクラスつけなくてもしましまに。liも対応可。
テーブルで交互に色づけ。
テーブルタグをJavaScriptでしましまにする。
セル交互に色付け
テーブルをJavascriptで自動的に見やすく
javascriptでテーブル配色
JavaScriptだけでiTunesのようなストライプカラーをテーブルに設定
テーブルやリストをJavaScriptで見やすく
ｗｕさん経由。テーブルのセルを交互に色づけするjavascript。
テーブルの行をJavaScriptを用いて自動的にカラーリングするスクリプト
JsでＴＲにひとつおきに自動色つけ
テーブル行付け
見てみると非常に簡単なロジック。コロンブスの卵的。
JavaScriptでテーブル行にclass属性つけて、一行ごとに背景色が異なる見やすいテーブルを作る小技。
テーブルの行で自動的に交互に色を簡単に設定できるスクリプト
JavaScriptでtrエレメントを探索し交互にクラスを割り当てて自動でテーブルに色をつけるアイデア。テーブルが複数ある場合の対応はコメント欄を参照するべし。
テーブル背景色を、行ごとに交互に色分け
tableの行を交互に色付け
テーブルの自動色分け
table背景のストライプを自動的に作る
テーブルの背景色をjavascriptでしましまにする
tableの奇数行だけ色づけ=しましま
tableタグで、奇数行にclass名を付与するJavaScript。
tableを行ごとに色分けする。javascriptで。
テーブル行の色分け（シマシマ）
自動でテーブルに色をつける
trタグの奇数行の背景を変えてくれる。見やすい表が出来上がる。
javascriptでtableを行ごとに交互に色分け。
テーブルに色づけ
テーブルの背景色自動色分けスクリプト
テーブルの背景色を1行ずつ変えてストライプにするシンプルなJavaScriptコード。
テーブルの背景の色を交互に変化させるJS
[
← 前の画面に戻る ]