頁面表格怎麼實現隔行異色、隔行變色

舉例:採用 css+js 的方法,實現表格的隔行異色,需要如下幾步:

1png

  1. 定義 css 表格樣式,如邊框、寬度、顏色

  2. 在 js 中,創建 func()函數,並通過 onload 設置頁面加載完成時,調用 func() 函數

  3. 通過 getElementById、getElementsByTagName 方法獲得表格所有的行對象,通過 for 循環遍歷表格每一行,根據奇偶行調用不同的樣式類。

如果需要處理的表格較多,每次這樣寫會很麻煩。

一般報表工具都能支持這種功能,只需要使用內置函數即可,這樣就簡單得多,可以參 報表設計技巧之隔行異色

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章