用javaScript对table的n条记录添加颜色

最新推荐文章于 2018-07-07 15:45:22 发布

青春微凉不离殇

最新推荐文章于 2018-07-07 15:45:22 发布

阅读量814

点赞数

分类专栏： javascript 文章标签： javascript java html 界面

本文链接：https://blog.csdn.net/jie_liang/article/details/50696883

版权

本文介绍如何使用JavaScript为HTML表格中的记录设置颜色样式。每3行数据将切换颜色，如1-3行显示红色字体，4-6行显示绿色字体，以此类推。

摘要由CSDN通过智能技术生成

用 table 显示 n 条记录，每 3 行换一次颜色，即 1 ，2 ，3 用红色字体，4 ，5， 6 用绿色字体，7 ，8 ，9 用红颜色字体

<!DOCTYPE html>
<html>
  <head>
    <title>颜色换行</title>
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
  </head>
  
  <body>
  <table id="tb1">
  <tr><td>1</td></tr>
  <tr><td>2</td></tr>
  <tr><td>3</td></tr>
  <tr><td>4</td></tr>
  <tr><td>5</td></tr>
  <tr><td>6</td></tr>
  <tr><td>7</td></tr>
  <tr><td>8</td></tr>

最低0.47元/天解锁文章

青春微凉不离殇

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用javaScript对table的n条记录添加颜色

用 table 显示 n 条记录，每 3 行换一次颜色，即 1 ，2 ，3 用红色字体，4 ，5， 6 用绿色字体，7 ，8 ，9 用红颜色字体颜色换行 1 2 3 4 5 6 7 8 9 10 window.onload=function(){
复制链接

扫一扫

专栏目录