javascript行选择
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>test</title><script>var varclk=null;function change1(varid,val){if(varclk!=null){var e1=eval("document.all.td"+varclk);for(i=0;i<e1.length;i++){e1.style.background='#fff';}}varclk=varid;var e=eval("document.all.td"+varid);for(i=0;i<e.length;i++){e.style.background='#BCBAFA';}alert(val);}</script></head><body><table width="300" border="1"><tr > <td id="td1">a</td> <td id="td1">b</td> <td id="td1">c</td> <td id="td1">d</td> <td id="td1">e</td></tr><tr > <td id="td2">a</td> <td id="td2">b</td> <td id="td2">c</td> <td id="td2">e</td> <td id="td2">d</td></tr> <tr > <td id="td3">a</td> <td id="td3">b</td> <td id="td3">c</td> <td id="td3">e</td> <td id="td3">d</td></tr></table></body></html>下段代码没有好地解决办法，处理tr间隔行的问题
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>test</title><style>tr{background:expression(this.rowIndex%2==0 ? "red":"#fff");} </style><script>var varclk=null;function change1(varid,val){if(varclk!=null){var e1=eval("document.all.td"+varclk);for(i=0;i<e1.length;i++){e1.style.background="red";}}varclk=varid;var e=eval("document.all.td"+varid);for(i=0;i<e.length;i++){e.style.background='#BCBAFA';}//alert(val);}</script></head><body><table width="300" border="1"><tr > <td id="td1">a</td> <td id="td1">b</td> <td id="td1">c</td> <td id="td1">d</td> <td id="td1">e</td></tr><tr > <td id="td2">a</td> <td id="td2">b</td> <td id="td2">c</td> <td id="td2">e</td> <td id="td2">d</td></tr> <tr > <td id="td3">a</td> <td id="td3">b</td> <td id="td3">c</td> <td id="td3">e</td> <td id="td3">d</td></tr></table></body></html>
解决方式：
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>test</title><style>tr {background-color:expression((this.sectionRowIndex%2==0)?"#F3F9FE":"#fff")}</style><script>var varclk=null;var oldcolor=null;function change1(vartr){if(varclk!=null){varclk.style.backgroundColor=oldcolor;}oldcolor=vartr.style.backgroundColor;vartr.style.backgroundColor='green';varclk=vartr;}</script></head><body><table width="300" border="1"><tr > <td>a</td> <td>b</td> <td>c</td> <td>d</td> <td>e</td></tr><tr > <td>a</td> <td>b</td> <td>c</td> <td>e</td> <td>d</td></tr> <tr > <td>a</td> <td>b</td> <td>c</td> <td>e</td> <td>d</td></tr></table></body></html>
变换文字颜色
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>test</title><style>tr {background-color:expression((this.sectionRowIndex%2==0)?"#935645":"#fff")}</style><script>var varclk=null;var oldcolor=null;function change1(vartr){if(varclk!=null){varclk.style.backgroundColor=oldcolor;varclk.style.color="black";}oldcolor=vartr.style.backgroundColor;vartr.style.backgroundColor='#456';vartr.style.color="red";varclk=vartr;}</script></head><body><table width="600" border="0"><tr > <td>a</td> <td>b</td> <td>c</td> <td>d</td> <td>e</td></tr><tr > <td>a</td> <td>b</td> <td>c</td> <td>e</td> <td>d</td></tr> <tr > <td>a</td> <td>b</td> <td>c</td> <td>e</td> <td>d</td></tr></table></body></html>
页:
[1]