首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

表格行数不确定,怎么为表格最后一行指定样式

2012-03-30 
表格行数不确定,如何为表格最后一行指定样式?如题[解决办法]用javascript[解决办法] htmlheadtitle

表格行数不确定,如何为表格最后一行指定样式?
如题

[解决办法]
用javascript
[解决办法]
<html>
<head> <title> 测试 </title> </head>
<style type= "text/css ">
.bb{
border-color:red;
}
</style>
<body>
<table width=200 border=1 height=300 cellpadding=0 cellspacing=0 id= "tb1 ">

<tr> <td> &nbsp;DDD </td> <td> &nbsp;bbb </td> </tr>
<tr> <td> &nbsp;ddd </td> <td> &nbsp;BBB </td> <tr>
<tr> <td > &nbsp;CCC </td> <td> &nbsp;AAA </td> <tr>
</table>
<input type= "button " value= "给表格最后一行设置样式 " id= "btn1 ">
<script>
document.all.btn1.onclick=function(){
var tb1=document.getElementById( "tb1 ");
alert(tb1.lastChild.lastChild.previousSibling.innerHTML);
if(tb1.lastChild.lastChild.previousSibling){
alert(tb1.lastChild.lastChild.previousSibling.childNodes.length);
for(i=0;i <tb1.lastChild.lastChild.previousSibling.childNodes.length;i++)
{
alert(tb1.lastChild.lastChild.previousSibling.childNodes[i].innerText);
tb1.lastChild.lastChild.previousSibling.childNodes[i].className= "bb ";

}
}
}
</script>
</body>
</html>

热点排行