我制作了一张显示数据列表的表格。这个表包含合并两行,我真的需要它看起来那样。当我尝试突出显示单行时,出现了棘手的问题。 事实证明,单个TR突出显示
脚本
<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>
如何突出显示整行(第二列有两行) 感谢您的帮助... ^ _ ^
答案 0 :(得分:0)
第一列和第二列的第二行是不同的行对象。您还需要更改该行的颜色。
换句话说,您的el
和preEl
应该是多行的,而不是每行一行。
您是否考虑过在行中添加/删除类并在CSS中而不是在JavaScript中进行颜色更改?