JS如何设置表格行样式?

Question

document.getElementById('GridView1').rows[rowid].style.setAttribute("font-weight","normal");这段代码不报错也没有生效,如何改呢?alert(rowid)是正确rowIndex.

Answer 1

用js获取表格元素,行元素tr或者列元素td,进行css样式设置即可;

<table><tr><td></td></tr></table>
<script type="text/javascript" scr="jquery.js">
    
    $('tr').css('border','solid 1px purple');
    $('td').css('border-collapse','collapse');
    $('td').css('padding','10px');

</script>
//以上方法是jquery方式实现获得和样式修改
//其中css和attr中参数可变,一个参数时意为获取,两个参数为设置;
//设置样式也可给元素添加属性用attr
//或者addClass都可以,添加class属性等

Answer 2

row .style.backgroundColor="#FFFFFF" ；//设置行的背景色
td=row .insertCell(); //添加单元格
td.style.cssText="BORDER-BOTTOM: #4a75ce 1px solid";
//设置单元格的样式
td.innerHTML="<input name=button type=button />";
//添加td中的内容
希望这段代码对你有帮助

Answer 3

document.getElementById('GridView1').rows[rowid]...
GridView1是无效的，生成为客户端控件之后就会转化成表格，这时候ID会变掉的。
用document.getElementById(<%=GridView1.ClientID%>').。。。试试。
如果不行就先运行，然后右键查看页面源代码，找到GV到底生成了神马ID...

参考资料：范德萨

Answer 4

document.getElementById('GridView1').rows[rowid].style.fontWeight="normal";本回答被提问者采纳

Answer 5

document.getElementById('GridView1').rows[rowid].style.fontWeight="normal";