首页用Javascript创建一个五行四列的表格

用Javascript创建一个五行四列的表格

时间: 2023-11-28 16:50:49 浏览: 116

可以使用HTML和JavaScript来创建一个五行四列的表格。以下是示例代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Table Example</title> </head> <body> <table id="myTable"> <tr> <th>Column 1</th> <th>Column 2</th> <th>Column 3</th> <th>Column 4</th> </tr> </table> <script> var table = document.getElementById("myTable"); for (var i = 0; i < 5; i++) { var row = table.insertRow(); for (var j = 0; j < 4; j++) { var cell = row.insertCell(); cell.innerHTML = "Row " + (i+1) + ", Column " + (j+1); } } </script> </body> </html> ``` 在上面的示例中，我们首先创建一个空的`<table>`元素，并为其添加一个标题行。然后，使用JavaScript的`getElementById()`方法获取该表格，并循环添加五行四列的单元格。最后，我们使用`innerHTML`属性向每个单元格添加文本内容。

阅读全文