是否可以创建选定的行事件虽然它有合并单元格?

时间:2011-03-14 06:48:11

标签: javascript html html-table onclick highlight

我制作了一张显示数据列表的表格。这个表包含合并两行,我真的需要它看起来那样。当我尝试突出显示单行时,出现了棘手的问题。 事实证明,单个TR突出显示

single TR is highlighted but the following TR is not

脚本

<script type="text/javascript">
var preEl ;
var orgBColor;
var orgTColor;

function HighLightTR(el, backColor,textColor){
  if(typeof(preEl)!='undefined') {
     preEl.bgColor=orgBColor;
     try{ChangeTextColor(preEl,orgTColor);}catch(e){;}
  }
  orgBColor = el.bgColor;
  orgTColor = el.style.color;
  el.bgColor=backColor;


  try{ChangeTextColor(el,textColor);}catch(e){;}
  preEl = el;
}


function ChangeTextColor(a_obj,a_color){  ;
   for (i=0;i<a_obj.cells.length;i++)
    a_obj.cells(i).style.color=a_color;
}

html

<tr onClick="HighLightTR(this,'#c9cc99','cc3333');" >
</tr>

如何突出显示整行(第二列有两行) 感谢您的帮助... ^ _ ^

1 个答案:

答案 0 :(得分:0)

第一列和第二列的第二行是不同的行对象。您还需要更改该行的颜色。

换句话说,您的elpreEl应该是多行的,而不是每行一行。

您是否考虑过在行中添加/删除类并在CSS中而不是在JavaScript中进行颜色更改?