JavaScript控制表格Table对象的属性

发布时间：2018-08-16 10:28:00 所属栏目：PHP教程来源：站长网

导读：Java Script控制Table对象的属性，用JS控制是否显示表格的边框，是否显示上边框、更改cellPadding、更改cellSpacing等表格属性的参数。演示： htmlheadtitleTable对象的属性/title/headbodyh2Table对象的属性/h2hrtable id=myTable border=1trtdHTML/tdtd

　　JavaScript控制Table对象的属性，用JS控制是否显示表格的边框，是否显示上边框、更改cellPadding、更改cellSpacing等表格属性的参数。

　　演示：

<html> <head> <title>Table对象的属性</title> </head> <body> <h2>Table对象的属性</h2> <hr> <table id="myTable" border=1> <tr> <td>HTML</td> <td>CSS</td> </tr> <tr> <td>JavaScript</td> <td>VBScript</td> </tr> </table> <form> <input type="button" onclick="document.all[6].border=3;" value="边框尺寸"> <input type="button" onclick="myTable.frame='above';" value="只有上方边框"> <input type="button" onclick="myTable.cellPadding='10';" value="更改cellPadding"> <input type="button" onclick="myTable.cellSpacing='10';" value="更改cellSpacing"> </form> </body> </html> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：濮阳站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!