更改单元格中文本的颜色

时间:2014-06-22 16:06:40

标签: javascript css

enter image description here

这是我的页面,红色文本是单元格的id。下面有一个0099CC的输入,当然是一种颜色,我想将这种颜色应用于那些单元格。当我单击按钮Apply时,会调用此代码:

function tab1h(color) {
  for(var j = 1; j < 7; j++) {
    document.getElementById('indiv'+j+'_1').style.color = '#'+color;
  }
 } 

顺便说一下,我仍然看到那些带有白色(而不是蓝色)的0。你有什么想法吗?

fiddle

2 个答案:

答案 0 :(得分:0)

  1. 在JSFiddle中,如果要从HTML访问该函数,则需要将JavaScript配置设置为“No wrap - in <head>
  2. 您的ID不是indivX_1,而是indivX_2

答案 1 :(得分:0)

Demo Fiddle

Javascript代码

function changeColor() {
    var color = document.getElementById("txtColor").value;
    var table = document.getElementById("mytab1");
    for (var i = 0; i<=2 ; i++) {
        table.rows[i].cells[0].style.color = '#' + color;
    }
}  

设置您要更改的行数,例如您要更改6行的行,以便i<=5 i<6