HTML DOM border 属性
JavaScript基础 2022-06-08 17:13:2421小码哥的IT人生shichen
HTML DOM border 属性
定义和用法
border 属性可设置或返回表格边框的宽度(以像素为单位)。
语法
tableObject.border=pixels
实例
<html> <head> <script type="text/javascript"> function changeBorder() { document.getElementById('myTable').border="10"
} </script> </head> <body> <table border="1" id="myTable"> <tr> <td>100</td> <td>200</td> </tr> <tr> <td>300</td> <td>400</td> </tr> </table> <br /> <input type="button" onclick="changeBorder()" value="Change Border"> </body> </html>
TIY
完整实例【更改表格边线的宽度】:
<!DOCTYPE html> <html> <head> <script> function changeBorder(id) { document.getElementById(id).style.border = "5px solid"; } </script> </head> <body> <table style="border:1px solid black" id="myTable"> <tr> <td>100</td> <td>200</td> </tr> <tr> <td>300</td> <td>400</td> </tr> </table> <p> <input type="button" onclick="changeBorder('myTable')" value="更改边框"> </p> </body> </html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html