js處理表格對table進行修飾

js處理表格

1、行顏色間隔顯示

css樣式：兩個選擇器

.one{

background-color:#33ffcc;

}

.two{

backgound-color:#ffff66;

}

function trcolor()

//控制間隔行顏色顯示不同

{

var tabNode = document.getElementsByTagName("table")[0];

//獲取table節點

var trs = tabNode.rows;

//獲取table中的所有的行

for(var x=1; x

{

if(x%2 == 1)

trs[x].className ="one";

else

trs[x].className ="two";

}

}

//通過onload方法，在網頁加載完成后，運行trcolor方法，實現表格的間隔行顏色。

window.onload = function()

{

trcolor();

}

2、鼠標移動到某一行，改行顏色加亮，移開后恢復原來顏色

.over{

background-color:##00ff00;

}

var name;

function trMouse()

{

var tabNode = document.getELementsByTagName("table")[0];

//通過for循環，對每個tr標簽加上onmouseover與onmouseout屬性

for(var x=0;x

{

trs[x].onmouseover = function()

{

name=this.className;

this.className="over";

}

tes[x].onmouseout = function()

{

this.className = name;

}

}

}

相關閱讀:

Linux系統中如何在PDF中嵌入LaTex中的所有字體

html+js實現動態顯示本地時間

Win10系統下IE11瀏覽器怎么重置？ Windows10重置IE11瀏覽器圖文教程

HTML5 新舊語法標記對我們有什么好處

JSP中使用JSTL按不同條件輸出內容的方法

oracle關鍵字作為字段名使用方法

Win7玩游戲提示“顯卡器驅動程序已停止響應”問題排查方法

asp.net微信開發(開發者接入)

jquery中EasyUI實現同步樹

HTML checkbox 點擊說明文字即可選擇/取消勾選狀態

php不使用插件導出excel的簡單方法

win10預覽版10147新特性演示視頻

php Imagick獲取圖片RGB顏色值

php文字水印和php圖片水印實現代碼(二種加水印方法)

總結

以上是生活随笔為你收集整理的php对表格的处理,JavaScript_js处理表格对table进行修饰，js处理表格 1、行颜色间隔显示 - phpStudy...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。