表格 隔行換色升級(jí)版
更新時(shí)間：2009年11月07日 00:23:26 投稿：mdxy-dxy
表格隔行換色升級(jí)版,直接用javascript實(shí)現(xiàn)。
昨天弄了個(gè)表格隔行換色，但是只是一張表里換
如果一個(gè)頁(yè)面里出現(xiàn)多個(gè)表格需要怎么整
搗鼓出新的結(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里增加表格的時(shí)候加上ID就OK了，一個(gè)多次調(diào)用的表格隔行換色完畢
牛的人生不需要解釋
相關(guān)文章
javascript 解決表單仍然提交即使監(jiān)聽(tīng)處理函數(shù)返回false
解決表單依舊提交即使監(jiān)聽(tīng)處理函數(shù)返回false2010-03-03
一篇文章掌握RequireJS常用知識(shí)，通過(guò)本文，你可以對(duì)模塊化開(kāi)發(fā)和AMD規(guī)范有一個(gè)較直觀的認(rèn)識(shí)，并詳細(xì)地學(xué)習(xí)RequireJS這個(gè)模塊化開(kāi)發(fā)工具的常見(jiàn)用法，感興趣的小伙伴們可以參考一下2016-01-01
詳解webpack引入第三方庫(kù)的方式以及注意事項(xiàng)
這篇文章主要介紹了詳解webpack引入第三方庫(kù)的方式以及注意事項(xiàng)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-01
scrapyd schedule.json setting 傳入多個(gè)值問(wèn)題
這篇文章主要介紹了scrapyd schedule.json setting 傳入多個(gè)值，本文給出了問(wèn)題分析及思路解決方案，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2019-08-08
這篇文章主要為大家介紹了GoJs面板繪圖模板go.Panel使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
Bootstrap基本樣式學(xué)習(xí)筆記之圖片(6)
這篇文章主要介紹了Bootstrap學(xué)習(xí)筆記之圖片基本樣式的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
JavaScript表單驗(yàn)證開(kāi)發(fā)
這篇文章主要為大家詳細(xì)介紹了JavaScript表單驗(yàn)證開(kāi)發(fā)的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要為大家詳細(xì)介紹了微信小程序CSS3動(dòng)畫(huà)下拉菜單效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
JavaScript web表單功能交流干貨滿(mǎn)滿(mǎn)
表單通常用來(lái)收集網(wǎng)頁(yè)訪(fǎng)問(wèn)者信息，常見(jiàn)的表單比如搜索引擎的搜索框、各網(wǎng)頁(yè)應(yīng)用的注冊(cè)或者登陸界面等。一個(gè)表單通常包括多個(gè)表單控件2021-10-10
使用TypeScript實(shí)現(xiàn)高效的異步隊(duì)列任務(wù)管理
在javaScript項(xiàng)目開(kāi)發(fā)中,異步編程是不可或缺的一部分,從網(wǎng)絡(luò)請(qǐng)求到延時(shí)操作,異步操作使得我們能夠在等待某個(gè)任務(wù)完成時(shí)繼續(xù)執(zhí)行其他任務(wù),提高應(yīng)用的響應(yīng)性和性能,本文使用JavaScript實(shí)現(xiàn)一個(gè)異步隊(duì)列來(lái)優(yōu)雅地管理復(fù)雜的異步任務(wù)流,需要的朋友可以參考下2024-03-03