要设置表格中每一行的样式,可以使用CSS或者JavaScript来实现。下面是两种解决方法的示例代码:
HTML代码:
姓名
年龄
性别
John
30
男
Jane
25
女
CSS代码:
#myTable tr:nth-child(even) {
background-color: lightgray;
}
#myTable tr:nth-child(odd) {
background-color: lightblue;
}
上述代码中,使用:nth-child(even)
选择器和:nth-child(odd)
选择器来选择表格中的偶数行和奇数行,并设置不同的背景色。
HTML代码:
姓名
年龄
性别
John
30
男
Jane
25
女
JavaScript代码:
var table = document.getElementById("myTable");
var rows = table.getElementsByTagName("tr");
for (var i = 0; i < rows.length; i++) {
if (i % 2 === 0) {
rows[i].style.backgroundColor = "lightgray";
} else {
rows[i].style.backgroundColor = "lightblue";
}
}
上述代码中,使用JavaScript获取表格对象和所有行对象,然后使用循环遍历每一行,根据行的索引来判断是奇数行还是偶数行,并设置不同的背景色。