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

xiaohuihui發表於2020-06-24

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

1png

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

  2. 在 js 中,建立 func()函式,並透過 onload 設定頁面載入完成時,呼叫 func() 函式

  3. 透過 getElementById、getElementsByTagName 方法獲得表格所有的行物件,透過 for 迴圈遍歷表格每一行,根據奇偶行呼叫不同的樣式類。

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

一般報表工具都能支援這種功能,只需要使用內建函式即可,這樣就簡單得多,可以參

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69900830/viewspace-2700369/,如需轉載,請註明出處,否則將追究法律責任。

相關文章