table隔行变色与table单元格根据条件更改字体颜色

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>表格隔行变色</title>
</head>
<script>//表格隔行变色function ColorTab() {var tab=document.getElementById("tab")var len=tab.rows.length;for(var i=0;i<len;i++){if(i%2==0){//判断行数为偶数的
                tab.rows[i].style.backgroundColor="purple";}else{tab.rows[i].style.backgroundColor="red";}}}//根据条件更改单元格字体颜色function SetForeColor() {var tab=document.getElementById("tab")var row=tab.rows.length;//tab行数var col=tab.rows[0].cells.length;//tab列数for(var i=0;i<row;i++){for(var j=0;j<col;j++){if(tab.rows[i].cells[j].innerHTML==="22"){//判断单元格值等于22的单元格
                    tab.rows[i].cells[j].style.fontWeight="bold";//字体加粗，也可用数字表示100-900
                    tab.rows[i].cells[j].style.color="red";//字体颜色设置//  tab.rows[i].cells[j].style.font.fontcolor("purple");
                }}}}
</script>
<body onload="SetForeColor()">
<table id="tab" border="1px" width="500px" height="200px" ><tr><td>11</td><td>12</td><td>13</td><td>14</td></tr><tr><td>21</td><td>22</td><td>23</td><td>24</td></tr><tr><td>31</td><td>32</td><td>33</td><td>34</td></tr><tr><td>41</td><td>42</td><td>43</td><td>44</td></tr>
</table>
</body>
</html>

转载于:https://www.cnblogs.com/topsyuan/p/11255878.html

table隔行变色与table单元格根据条件更改字体颜色相关推荐

html5 单元格宽度,html table呈现个人简历以及单元格宽度失效的问题解决
正确的实现代码如下: 个人简历个人简历个人资料姓名婚姻照片出生政治面貌性别民族学位移动电话专业电子邮件地址:教育背景2012.9 - 2014.9中国海洋大学本科特长及兴趣爱好篮球.足球 ...
关于JAVA POI解析WPS docx文档中的table（复杂表格包含单元格横向，纵向的合并）
关于JAVA POI解析WPS docx文档中的table(复杂表格包含单元格横向,纵向的合并) 首先,关于poi解析表格先阅读一篇他人的博客使用poi读取word2007(.docx)中的复杂表格 ...
html中圆形单元格,HTML代码中关于table的边框控制以及单元格艰巨
HTML代码中关于table的边框控制以及单元格艰巨 (2011-06-22 14:37:36) 标签: 南国鹿灵子鹿胎膏杂谈 1.若有一个1行1列的表格,设放table属性,使患上他的右.上两条 ...
C#/VB.NET 在Excel单元格中应用多种字体格式
在Excel中,可对单元格中的字符串设置多种不同样式,通常只需要获取到单元格直接设置样式即可,该方法设置的样式会应用于该单元格中的所有字符.如果需要对单元格中某些字符设置样式,则可以参考本文中的方法. ...
在form中将数据打印到EXCEL文件(单元格合并、改变字体大小等操作)
[标题]在form中将数据打印到EXCEL文件的一些其他问题,请高手帮忙解决! [发贴人]lizhiqiang [分类]FORM分类.输出成EXCEL ------------------------ ...
SecureCRT 9.0.0【全家桶】一个窗口多个会话会话的排布方式同时在多个窗口输入命令更改字体颜色 $ 设置常用命令关键词高亮变色
一个窗口多个会话在左侧的session manager中的某一个会话 --> 右键 --> 点击"open sessions in a tab/tile" 然后在所有 ...
css 实现table 隔行变色
<html> <head> <title>Member List</title> <style> <!-- .datalist{bor ...
html table设置行高_html 表格单元格的宽度和高度的设置方法
做网页的时候,经常会碰到表格宽度对不齐的问题.详细地看了html中表格标签table的高度和宽度设置的细节,现总结如下: 1.table中的width和height设置及其作用:table中设置的he ...
【HTML】Angular JS + Table 根据数据动态合并单元格
问题描述: 根据数据值将单元格合并如一级指标二级指标原始演示效果: 目标效果如图所示: 完整的http.post请求JS $http.post('../hnTProF3c/List', para ...

table隔行变色与table单元格根据条件更改字体颜色

table隔行变色与table单元格根据条件更改字体颜色相关推荐

最新文章

热门文章