如何使用JavaScript设置表格中单元格之间的空间?
要使用JavaScript设置表中单元格之间的空间,请使用borderSpacing属性。使用此属性设置间距。
示例
您可以尝试运行以下代码以了解如何设置表单元格之间的空间-
<!DOCTYPE html> <html> <body> <table id="newTable" border="2"> <tr> <th>EmpID</th> <th>EmpName</th> <th>EmpDept</th> </tr> <tr> <td>001</td> <td>Amit</td> <td>IT</td> </tr> <tr> <td>002</td> <td>John</td> <td>Finance</td> </tr> <tr> <td>003</td> <td>David</td> <td>Marketing</td> </tr> </table> <br> <button onclick="display()">Click to set space between cells</button> <script> function display() { document.getElementById("newTable").style.borderSpacing = "15px"; } </script> </body> </html>