HTML DOM border 属性
JavaScript基础 2022-06-08 17:13:24小码哥的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
