表格 隔行換色升級版
更新時間：2009年11月07日 00:23:26 投稿：mdxy-dxy
表格隔行換色升級版,直接用javascript實(shí)現(xiàn)。
昨天弄了個表格隔行換色，但是只是一張表里換
如果一個頁面里出現(xiàn)多個表格需要怎么整
搗鼓出新的結(jié)果
如下：
復(fù)制代碼 代碼如下:
function onloadEvent(func){
var one=window.onload
if(typeof window.onload!='function'){
window.onload=func
}
else{
window.onload=function(){
one();
func();
}
}
}
function showtable(tableid){
var overcolor='#FCF9D8';
var color1='#FFFFFF';
var color2='#F8F8F8';
var tablename=document.getElementById(tableid)
var tr=tablename.getElementsByTagName("tr")
for(var i=0 ;i<tr.length;i++){
tr[i].onmouseover=function(){
this.style.backgroundColor=overcolor;
}
tr[i].onmouseout=function(){
if(this.rowIndex%2==0){
this.style.backgroundColor=color1;
}else{
this.style.backgroundColor=color2;
}
}
if(i%2==0){
tr[i].className="color1";
}else{
tr[i].className="color2";
}
}
}
onloadEvent(function init(){
showtable('table');
showtable('test');
}
);
這樣在html里增加表格的時候加上ID就OK了，一個多次調(diào)用的表格隔行換色完畢
牛的人生不需要解釋
相關(guān)文章
修改js Calendar日歷控件 兼容IE9/谷歌/火狐等主流瀏覽器，只是能用，出現(xiàn)的位置存在一些差異，曬出來與大家分享，希望有高手再幫我改改吧2013-01-01
在日常開發(fā)中，很多時候會不經(jīng)意間寫出符合某種設(shè)計模式的代碼，而適配器其實(shí)在JavaScript中應(yīng)該是比較常見的一種了。這篇文章主要介紹了適配器在JavaScript中的體現(xiàn) ,需要的朋友可以參考下2018-09-09
如何在JavaScript中優(yōu)雅的提取循環(huán)內(nèi)數(shù)據(jù)詳解
這篇文章主要給大家介紹了關(guān)于如何在JavaScript中優(yōu)雅的提取循環(huán)內(nèi)數(shù)據(jù)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
JS控件bootstrap datepicker使用方法詳解
這篇文章主要介紹了js控件bootstrap datepicker的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
javascript動畫效果類封裝代碼...2007-08-08
js 瀏覽本地文件夾系統(tǒng)不可思議吧，經(jīng)測試效果還是不錯的，感興趣的朋友可以參考下2013-10-10
JS操作字符串轉(zhuǎn)換為數(shù)值并取整的代碼
這篇文章主要介紹了JS操作字符串轉(zhuǎn)換為數(shù)值并取整的代碼，代碼比較短，需要的朋友可以參考下2014-01-01
這篇文章主要為大家詳細(xì)介紹了JScript實(shí)現(xiàn)地址選擇功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_
這篇文章主要介紹了微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}，非常具有實(shí)用價值，需要的朋友可以參考下2018-10-10
JS實(shí)現(xiàn)隨頁面滾動顯示/隱藏窗口固定位置元素
窗口固定位置顯示元素，當(dāng)頁面高度大于某高度，并且頁面向下滾動時，顯示該元素；當(dāng)頁面位置小于某高度，或者頁面向上滾動時，隱藏該元素，下面通過本文給大家介紹JS實(shí)現(xiàn)隨頁面滾動顯示/隱藏窗口固定位置元素，需要的朋友參考下吧2016-02-02