表格行数不确定，怎么为表格最后一行指定样式
日期：2014-05-17 浏览次数：20772 次
表格行数不确定，如何为表格最后一行指定样式？
如题
------解决方案--------------------
用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> DDD </td> <td> bbb </td> </tr>
<tr> <td> ddd </td> <td> BBB </td> <tr>
<tr> <td > CCC </td> <td> 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>
如题
------解决方案--------------------
用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> DDD </td> <td> bbb </td> </tr>
<tr> <td> ddd </td> <td> BBB </td> <tr>
<tr> <td > CCC </td> <td> 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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
