js实现表元下角标单位字体设置

1. 需求描述

在很多场景下,需要为数值设置单位,往往为了页面美观,单位可能和数值字体的颜色大小均不同,下面我们就实现了该功能

效果图:

2. 实现脚本

/**

cellId:需要设置后缀的表元ID;例如GRID1.A1

unit:需要设置的下角标后缀

subFontSize:下角标字号

fontColor:下角标字体颜色

fontWeight,具体选项参数如下:

normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置

bold : 粗体。相当于number为700。也相当于b对象的作用

bolder : IE5+ 特粗体

lighter : IE5+ 细体

**/

function setSub(cellId,unit,subFontSize,fontColor,fontWeight){

var content=document.getElementById(cellId).textContent;

document.getElementById(cellId).innerHTML=content+"<font style="font-size:"+subFontSize+"px;color:"+fontColor+";font-weight:"+fontWeight+"">"+unit+"</font>";

}

setSub("GRID1.A1","min",12,"#888845","bold");

 

如果需要让下角标字体和表元同色,修改成如下内容即可:

function setSub(cellId,unit,subFontSize,fontWeight){

var content=document.getElementById(cellId).textContent;

document.getElementById(cellId).innerHTML=content+"<font style="font-size:"+subFontSize+"px;font-weight:"+fontWeight+"">"+unit+"</font>";

}

setSub("GRID1.A1","min",12,"bold");

附件列表

0

文档内容仅供参考
如果您需要解决具体问题,还可以登陆亿信社区
在提问求助板块提问,30分钟内帮您解决问题

如果您认为本词条还有待完善,请编辑

上一篇Js实现BI中自定义右键菜单

下一篇js实现在表元列中自动添加复选框

请先登录

创建词条

词条信息

admin
admin

超级管理员|词条创建者

1415

浏览次数:884 次

编辑次数:1次 历史版本

更新时间:2018-11-22