JS动态改变表格边框宽度的方法

2024-05-06 16:18:00

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了JS动态改变表格边框宽度的方法,实例分析了javascript操作table表格中border属性的技巧,需要的朋友可以参考下

本文实例讲述了JS动态改变表格边框宽度的方法。分享给大家供大家参考。具体如下：

下面的JS代码通过表格对象的border属性修改表格边框宽度

<!DOCTYPE html>

<html>

<head>

<script>

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>