Change the Width of Table Border in JavaScript

In this example, we’ll learn How to Change The Border For a Table in Javascript.

HTML+JavaScript Code:


<!DOCTYPE html>
<html>
<head>
<script>
function changeBorder(id) {
  document.getElementById(id).style.border = "5px solid";
}
</script>
</head>
<body>

<table style="border:2px 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="Change Border">
</p>

</body>
</html>

<!DOCTYPE html>

<html>

<head>

function changeBorder(id) {

document.getElementById(id).style.border = "5px solid";

}

</script>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

</table>

<p>

</p>

</body>

</html>

You may also like

Leave a Comment X