js动态修改表格行的colspan列跨度
2015-03-02 15:47
393 查看
<!DOCTYPE html> <html> <head> <script> function setColSpan() { var x=document.getElementById('myTable').rows[0].cells; x[0].colSpan="2"; x[1].colSpan="6"; } </script> </head> <body> <table id="myTable" border="1"> <tr> <td colspan="4">cell 1</td> <td colspan="4">cell 2</td> </tr> <tr> <td>cell 3</td> <td>cell 4</td> <td>cell 5</td> <td>cell 6</td> <td>cell 7</td> <td>cell 8</td> <td>cell 9</td> <td>cell 10</td> </tr> </table> <form> <input type="button" onclick="setColSpan()" value="Change colspan"> </form> </body> </html> //该代码片段来自于: http://www.sharejs.com/codes/javascript/7996[/code]
相关文章推荐
- js动态修改表格行colspan列跨度的方法
- JS实现动态表格的新增,修改,删除操作
- JS动态修改表格cellPadding和cellSpacing的方法
- js动态生成表格时 colspan的问题
- [HTML]js动态修改表格里面的内容
- JS实现动态表格的添加,修改,删除功能(推荐)
- JS动态修改表格内容
- 用JS动态修改Form的Action
- [原创]修改了StedyMenu为js版的可动态增加,如图,并赋上JS代码
- asp.net利用json填充下拉框及js动态添加表格行、删除表格行的示例
- IE中JS动态创建表格元素
- js动态生成表格的性能调优
- 动态创建表格js文件,javascript,Ajax,DHTML动态实现表格的创建,动态读取XML中的文件,读取dom节点的例子。
- js练习——动态控制表格中得行
- js form action动态修改方法
- js动态修改某个页面对象的class
- JS动态添加表格行insertRow,insertCell
- 表格动态增加行(JS)
- js中动态修改frame的src属性,frame自己刷新。。。
- 通过js动态清空、增加、删除、修改下拉框中的元素