字体颜色显示设置

7631
24

nannan 数据老手Lv5

发表于2019-5-23 17:09

悬赏1

已解决

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

只看楼主

nannan 数据老手Lv5

发表于2019-5-24 10:53

只看该作者

取消 关注该作者的回复

12#

缱绻 发表于 2019-5-24 10:45
好的 研发小哥哥正在改脚本 改好发您。

好的,谢谢!

缱绻 数据领袖Lv6

发表于2019-5-24 13:38

只看该作者

取消 关注该作者的回复

13#

这个是脚本,加在代码的<body>标签中即可                                                                                                                 


  1. <script type="text/javascript">
  2.                         setTimeout(function(){
  3. <font color="#ff0000">            //设置表格的某一列的字体颜色,参数分别为表格代号,指定列(从0开始),字体颜色
  4.             setColcolor("grid2",1,"red");</font>
  5.             function setColcolor(grid,col,color){
  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;
  12.                         for (var i = 0; i < rowlen; 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 14:06

只看该作者

取消 关注该作者的回复

14#

缱绻 发表于 2019-5-24 13:38
这个是脚本,加在代码的标签中即可                                                                     ...

这个代码我是粘过去之后只需要修改表格代号就可以用了吗

缱绻 数据领袖Lv6

发表于2019-5-24 14:12

只看该作者

取消 关注该作者的回复

15#

nannan 发表于 2019-5-24 14:06
这个代码我是粘过去之后只需要修改表格代号就可以用了吗

//设置表格的某一列的字体颜色,参数分别为表格代号,指定列(从0开始),字体颜色
setColcolor("grid2",1,"red");</font>

nannan 数据老手Lv5

发表于2019-5-24 14:35

只看该作者

取消 关注该作者的回复

16#

缱绻 发表于 2019-5-24 14:12
//设置表格的某一列的字体颜色,参数分别为表格代号,指定列(从0开始),字体颜色
setColcolor("grid2" ...

呃为什么红色还是显示不出来..我是这么写的..分析区表格是grid25
</body>
    <script type="text/javascript">
                        setTimeout(function(){
<font color="#ff0000">            //设置表格的某一列的字体颜色,参数分别为表格代号,指定列(从0开始),字体颜色
            setColcolor("grid25",1,"red");</font>
            function setColcolor(grid,col,color){
            var grid25 = document.getElementById(grid.toUpperCase());
                        var spans = grid25.getElementsByTagName("span");
                        var inspan = document.createElement("span");
            var collen = grid25.getElementsByTagName("col").length;
                        var rowlen=grid25.getElementsByTagName("tr").length;
            var y=col;
                        for (var i = 0; i < rowlen; i++) {        
                                var str = spans[i+y].innerHTML;
                                var arr = str.split('');
                                var len1 = arr.length;
                if(len1!==0){
                      spans[i+y].appendChild(inspan);
                                addStrOfInspan(inspan);
                                //设置前两位字颜色
                                inspan.style.color =color;
                                var reg = new RegExp(".{1," + len1 + "}");
                                spans[i+y].innerHTML = spans[i+y].innerHTML.replace(/$/g, addStrAfterInspan(len1)).replace(reg, "");
                  }else{
                      y=y-1;
                  }
                 y=y+collen;
                        }
                        //添加内部span内容
                        function addStrOfInspan(inspan) {
                                var instr = "";
                                for (var i = 0; i < 2; i++) {
                                        instr += arr;
                                }
                                inspan.innerHTML = instr;
                        }
                        //将数组拼接成字符串
                        function addStrAfterInspan(len) {
                                var str = "";
                                for (var i = 2; i < len; i++) {
                                        str += arr;
                                }
                                return str;
                        }
            }
            },400)
                </script>

缱绻 数据领袖Lv6

发表于2019-5-24 14:42

只看该作者

取消 关注该作者的回复

17#

导入分析对象看看 设置字体颜色.zip (2.84 KB, 下载次数: )


nannan 数据老手Lv5

发表于2019-5-24 14:52

只看该作者

取消 关注该作者的回复

18#

缱绻 发表于 2019-5-24 14:42
导入分析对象看看

好的!感谢!

缱绻 数据领袖Lv6

发表于2019-5-24 15:14

只看该作者

取消 关注该作者的回复

19#

不客气 问题解决了吗

nannan 数据老手Lv5

发表于2019-5-24 16:35

只看该作者

取消 关注该作者的回复

20#

缱绻 发表于 2019-5-24 15:14
不客气 问题解决了吗

还没有现在是可以了,但是标题行的字体颜色还是要让它是白色的,现在变成红色了,这个代码要怎么修改呀

缱绻 数据领袖Lv6

发表于2019-5-24 16:43

只看该作者

取消 关注该作者的回复

21#

nannan 发表于 2019-5-24 16:35
还没有cry.gif现在是可以了,但是标题行的字体颜色还是要让它是白色的,现在变成红色了,这个代码要怎么修改 ...

好的  再改下发您

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

小时

全天响应

分钟

快速处理问题

工程师强势助力

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

400咨询:400-0011-866

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

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流