<!DOCTYPE html>
<html>
<head>
<title>test</title>
<script type="text/javascript" src="./jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
var tb = document.getElementById("tb");
var tbody = tb.getElementsByTagName("tbody");
var trs = tbody[0].getElementsByTagName("tr");
for (var i = 0; i < trs.length; i++) {
if(i % 2 == 0) {
trs[i].style.backgroundColor = "blue";
}
}
});
</script>
</head>
<body>
<div id="tt">
<table id="tb">
<tbody>
<tr><td>test1</td><td>test1</td></tr>
<tr><td>test2</td></tr>
<tr><td>test3</td></tr>
<tr><td>test4</td></tr>
<tr><td>test5</td></tr>
</tbody>
</table>
</div>
</body>
</html>
Demo-表格行间隔颜色
最新推荐文章于 2020-03-04 16:06:14 发布