首页dhtml table设置行高

dhtml table设置行高

时间: 2023-12-15 21:32:56 浏览: 93

以下是使用DHTML设置表格行高的示例代码： ```html <!DOCTYPE html> <html> <head> <title>DHTML Table Row Height</title> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } </style> <script> function setRowHeight() { var table = document.getElementById("myTable"); var rows = table.getElementsByTagName("tr"); for (var i = 0; i < rows.length; i++) { rows[i].style.height = "50px"; // 设置行高为50像素 } } </script> </head> <body> <button onclick="setRowHeight()">Set Row Height</button> <table id="myTable"> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> </tr> <tr> <td>Row 1, Column 1</td> <td>Row 1, Column 2</td> <td>Row 1, Column 3</td> </tr> <tr> <td>Row 2, Column 1</td> <td>Row 2, Column 2</td> <td>Row 2, Column 3</td> </tr> <tr> <td>Row 3, Column 1</td> <td>Row 3, Column 2</td> <td>Row 3, Column 3</td> </tr> </table> </body> </html> ``` 在上面的示例代码中，我们使用了JavaScript来设置表格行高。具体来说，我们首先获取了表格元素和所有行元素，然后使用循环遍历每一行，并将其高度设置为50像素。最后，我们在HTML中添加了一个按钮，当用户单击该按钮时，将调用setRowHeight()函数来设置表格行高。

阅读全文