问题描述
- 我想用JavaScript改变td的colspan的值.为什么无法改变?
-
<!DOCTYPE html><html><head><script type=""text/javascript""> var colspanNum=0; window.onload=function(){ var thisTable = document.getElementById(""thisTable""); var trs = thisTable.getElementsByTagName(""tr""); for(var i=1;i<trs.length;i++){ var tds = trs[i].getElementsByTagName(""td""); if(i==1){ var tdLength = tds.length; colspanNum = tdLength; var spanButton = document.getElementById(""spanButton""); spanButton.colspan=colspanNum; console.log(colspanNum); } for(var j=0;j<tds.length;j++){ if(j==1){ console.log(tds[j].innerHTML); } } } } //console.log(colspanNum);</script></head><body> <table id=""thisTable""> <tr> <td>id</td> <td>name</td> <td>age</td> </tr> <tr> <td>001</td> <td>Laowang</td> <td>10</td> </tr> <tr> <td>002</td> <td>Yan</td> <td>9</td> </tr> <tr> <td id=""spanButton""><button>button</button></td> </tr> </table></body></html>
解决方案
1.spanButton.colSpan=colspanNum;这一行S要大写
2.设置之后单元格列宽实际已经生效,只是button的宽度未变而已,不信可以在table加上border='1'看看效果
解决方案二:
楼上正解,楼主试试吧
时间: 2024-08-30 17:50:35