如何在 Javascript 或 JQuery 中隱藏/顯示表格的邊框

Question

我想使用 JS 或 Jquery 在表格中隱藏和顯示邊框，但無法做到，請提供任何幫助。

<table Id="IdTable" name="nameTable">
    <tr><td>Name</td><td>Age</td></tr>
    <tr><td>Joseph</td><td>35</td></tr>
</table>

我試過了

document.getElementById("IdTable").style.border=1;

$("#IdTable").css.apply("border", "1");

我這樣做是為了讓你打開和關閉邊界。

Answer 1

邊框是屬性所以用作

 //document.getElementById("IdTable").style.border=1; $('#IdTable').css('border', '1px solid');

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table Id="IdTable" name="nameTable"> <tr><td>Name</td><td>Age</td></tr> <tr><td>Joseph</td><td>35</td></tr> </table>

Answer 2

border是一個屬性。 所以試試

 document.getElementById("IdTable").border = 1;

 <table Id="IdTable" name="nameTable"> <tr> <td>Name</td> <td>Age</td> </tr> <tr> <td>Joseph</td> <td>35</td> </tr> </table>