<!DOCTYPE html>
<html>
<head>
<style>
table {
border-collapse: collapse;
}
td {
border: 1px solid black;
padding: 10px;
}
.darken {
background-color: #555555;
color: white;
}
</style>
</head>
<body>
<table id="myTable">
</table>
<script>
var table = document.getElementById("myTable");
for (var i = 0; i < 5; i++) {
var row = document.createElement("tr");
for (var j = 0; j < 6; j++) {
var cell = document.createElement("td");
cell.textContent = "列" + (j + 1);
if (i%2 === 0) {
cell.classList.add("darken");
}
row.appendChild(cell);
}
table.appendChild(row);
}
</script>
</body>
</html>
html生成表格
于 2024-03-27 11:54:02 首次发布