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