• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    怎么使用javascript完成表格隔行換色

    下面是在html文件中,操縱javascript來完當作一個表格的隔行換色簡單結果,感樂趣的可以看一下下面是圖文。

    方式/步調

    1. 1

      起首建立一個html5的文件,html5比擬于html4仍是半斤八兩很簡短.

    2. 2

      然后我們來在html文件body標簽本家兒體下添加表格標簽和其內容,具體如下圖。

    3. 3

      添加完當作之后,操縱瀏覽器運行查看初步結果如下圖。此時是沒有顏色的。

    4. 4

      然后我們可以在html文件的是頭部經由過程<script>標簽對添加javascript文件。

      因為默認type="text/javascript" 所以不加這個也是沒有問題的。

    5. 5

      在javascript中完當作如下功能:1.按照id獲取表格。

      2.獲取表格中tbody的行的長度。3.遍歷表格中tbody的行,然后對2取余,判定奇偶性,最后再賦值顏色。

      代碼實現如下圖。

    6. 6

      完當作之后,我們再來經由過程瀏覽器來運行這一個html文件,就會跳出如下的成果。顯然已經完當作隔行換色。

    • 發表于 2018-04-20 00:00
    • 閱讀 ( 948 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    admin
    admin

    0 篇文章

    作家榜 ?

    1. xiaonan123 189 文章
    2. 湯依妹兒 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 華志健 23 文章

    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆