字体颜色显示设置

7630
24

nannan 数据老手Lv5

发表于2019-5-23 17:09

悬赏1

已解决

楼主
怎么让表格里的这一列数据前2个字显示红色,后面的字显示白色 ?
24个回答

只看楼主

nannan 数据老手Lv5

发表于2019-5-24 16:47

只看该作者

取消 关注该作者的回复

22#

缱绻 发表于 2019-5-24 16:43
好的  再改下发您

好的,太感谢啦

缱绻 数据领袖Lv6

发表于2019-5-23 17:09

只看该作者

取消 关注该作者的回复

23#

nannan 发表于 2019-5-24 16:47
好的,太感谢啦

换成这个试试setColcolor("grid2", 1, "red",1);第4个参数是设置从那一行开始字体颜色为红色。

  1. <script type="text/javascript">
  2.                         setTimeout(function() {
  3.                                 //设置表格的某一列的字体颜色,参数分别为表格代号,指定列(从0开始),字体颜色
  4.                                 setColcolor("grid2", 1, "red",1);

  5.                                 function setColcolor(grid, col, color,nonerow) {
  6.                                         var grid2 = document.getElementById(grid.toUpperCase());
  7.                                         var spans = grid2.getElementsByTagName("span");
  8.                                         var inspan = document.createElement("span");
  9.                                         var collen = grid2.getElementsByTagName("col").length;
  10.                                         var rowlen = grid2.getElementsByTagName("tr").length;
  11.                                         var y = col + collen*nonerow;
  12.                                         for (var i = 0; i < rowlen-nonerow; i++) {
  13.                                                 var str = spans[i + y].innerHTML;
  14.                                                 var arr = str.split('');
  15.                                                 var len1 = arr.length;
  16.                                                 if (len1 !== 0) {
  17.                                                         spans[i + y].appendChild(inspan);
  18.                                                         addStrOfInspan(inspan);
  19.                                                         //设置前两位字颜色
  20.                                                         inspan.style.color = color;
  21.                                                         var reg = new RegExp(".{1," + len1 + "}");
  22.                                                         spans[i + y].innerHTML = spans[i + y].innerHTML.replace(/$/g, addStrAfterInspan(len1)).replace(reg, "");

  23.                                                 } else {
  24.                                                         y = y - 1;
  25.                                                 }
  26.                                                 y = y + collen;
  27.                                         }

  28.                                         //添加内部span内容
  29.                                         function addStrOfInspan(inspan) {
  30.                                                 var instr = "";
  31.                                                 for (var i = 0; i < 2; i++) {
  32.                                                         instr += arr[i];
  33.                                                 }
  34.                                                 inspan.innerHTML = instr;
  35.                                         }
  36.                                         //将数组拼接成字符串
  37.                                         function addStrAfterInspan(len) {
  38.                                                 var str = "";
  39.                                                 for (var i = 2; i < len; i++) {
  40.                                                         str += arr[i];
  41.                                                 }
  42.                                                 return str;
  43.                                         }
  44.                                 }
  45.                         }, 400)
  46.                 </script>
复制代码


nannan 数据老手Lv5

发表于2019-5-24 17:13

只看该作者

取消 关注该作者的回复

24#

缱绻 发表于 2019-5-24 17:04
换成这个试试setColcolor("grid2", 1, "red",1);第4个参数是设置从那一行开始字体颜色为红色。[/backcolor ...

解决啦!万分感谢~

缱绻 数据领袖Lv6

发表于2019-5-24 17:18

只看该作者

取消 关注该作者的回复

25#

nannan 发表于 2019-5-24 17:13
解决啦!万分感谢~

不客气呢 您关下帖子哦 设置最佳答案即可

登录后可回答问题,请登录注册

快速回复 返回顶部 返回列表

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

400咨询:400-0011-866

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

版权所有© 2006-2024 北京亿信华辰软件有限责任公司 京ICP备07017321号 京公网安备11010802016281号