下面是在html文件中,操縱javascript來完當作一個表格的隔行換色簡單結果,感樂趣的可以看一下下面是圖文。
 起首建立一個html5的文件,html5比擬于html4仍是半斤八兩很簡短.
 然后我們來在html文件body標簽本家兒體下添加表格標簽和其內容,具體如下圖。
 
 添加完當作之后,操縱瀏覽器運行查看初步結果如下圖。此時是沒有顏色的。
 然后我們可以在html文件的是頭部經由過程<script>標簽對添加javascript文件。
因為默認type="text/javascript" 所以不加這個也是沒有問題的。
 在javascript中完當作如下功能:1.按照id獲取表格。
2.獲取表格中tbody的行的長度。3.遍歷表格中tbody的行,然后對2取余,判定奇偶性,最后再賦值顏色。
代碼實現如下圖。
 完當作之后,我們再來經由過程瀏覽器來運行這一個html文件,就會跳出如下的成果。顯然已經完當作隔行換色。
 0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!