ホームページ > ウェブフロントエンド > jsチュートリアル > js処理テーブル変更 table_javascriptスキル

js処理テーブル変更 table_javascriptスキル

WBOY
リリース: 2016-05-16 16:46:53
オリジナル
1161 人が閲覧しました

js 処理テーブル

1. 行色間隔表示
CSS スタイル: 2 つのセレクター

コードをコピーコードは次のとおりです:


function trcolor()
/ / 間隔行のカラー表示を制御します
{
var tabNode = document.getElementsByTagName("table")[0]
//テーブル ノードを取得します
var trs = tabNode.rows; >/ / テーブル内のすべての行を取得します
for(var x=1; x{
if(x%2 == 1)
trs[x ].className ="one";
else
trs[x].className ="two";
}
}

//Web 後ページがロードされたら、trcolor メソッドを実行して、テーブルの間隔行の色を実現します。
window.onload = function()
{
trcolor();
}


2. マウスを特定の場所に移動します。行、ハイライトする色を変更し、移動後に元の色に戻します



コードをコピーします
コードは次のとおりです: