javascript实现表格隔行变色
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=" http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><script type="text/javascript">document.onload=tb();function tb(){ var ta=document.getElementById("table"); var tbody=ta.getElementsByTagName("tbody")[0]; var td=tbody.getElementsByTagName("tr"); for(var i=0;i<td.length;i++) { if(i%2==0){ td[i].style.backgroundColor="888"; } }}</script></head><body><table border="1" id="table"> <tbody> <tr><td>111</td><td>222</td></tr> <tr><td>111</td><td>222</td></tr> <tr><td>111</td><td>222</td></tr> <tr><td>111</td><td>222</td></tr> <tr><td>111</td><td>222</td></tr> <tr><td>111</td><td>222</td></tr> </tbody></table></body></html> 为什么没有实现？
展开
2个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns=" http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
// 主要是下面这句，你可以对照一下。
window.onload = tb;
function tb() {
var ta = document.getElementById("table");
var tbody = ta.getElementsByTagName("tbody")[0];
var td = tbody.getElementsByTagName("tr");
for ( var i = 0; i < td.length; i++) {
if (i % 2 == 0) {
td[i].style.backgroundColor = "red";
}
}
}
tb();
</script>
</head>
<body>
<table border="1" id="table">
<tbody>
<tr>
<td>
111
</td>
<td>
222
</td>
</tr>
<tr>
<td>
111
</td>
<td>
222
</td>
</tr>
<tr>
<td>
111
</td>
<td>
222
</td>
</tr>
<tr>
<td>
111
</td>
<td>
222
</td>
</tr>
<tr>
<td>
111
</td>
<td>
222
</td>
</tr>
<tr>
<td>
111
</td>
<td>
222
</td>
</tr>
</tbody>
</table>
</body>
</html>
要使用window.onload= 函数名不能有括号。建议id起名字的时候不用table 之类原有的关键字。
<html xmlns=" http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
// 主要是下面这句，你可以对照一下。
window.onload = tb;
function tb() {
var ta = document.getElementById("table");
var tbody = ta.getElementsByTagName("tbody")[0];
var td = tbody.getElementsByTagName("tr");
for ( var i = 0; i < td.length; i++) {
if (i % 2 == 0) {
td[i].style.backgroundColor = "red";
}
}
}
tb();
</script>
</head>
<body>
<table border="1" id="table">
<tbody>
<tr>
<td>
111
</td>
<td>
222
</td>
</tr>
<tr>
<td>
111
</td>
<td>
222
</td>
</tr>
<tr>
<td>
111
</td>
<td>
222
</td>
</tr>
<tr>
<td>
111
</td>
<td>
222
</td>
</tr>
<tr>
<td>
111
</td>
<td>
222
</td>
</tr>
<tr>
<td>
111
</td>
<td>
222
</td>
</tr>
</tbody>
</table>
</body>
</html>
要使用window.onload= 函数名不能有括号。建议id起名字的时候不用table 之类原有的关键字。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title></head><body><table border="1" id="table"> <tbody> <tr><td>111</td><td>222</td></tr> <tr><td>111</td><td>222</td></tr> <tr><td>111</td><td>222</td></tr> <tr><td>111</td><td>222</td></tr> <tr><td>111</td><td>222</td></tr> <tr><td>111</td><td>222</td></tr> </tbody></table>
<script type="text/javascript">document.onload=tb();function tb(){ var ta=document.getElementById("table"); var tbody=ta.getElementsByTagName("tbody")[0]; var td=tbody.getElementsByTagName("tr"); for(var i=0;i<td.length;i++) { if(i%2==0){ td[i].style.backgroundColor="#888"; } }}</script>
</body></html>
<script type="text/javascript">document.onload=tb();function tb(){ var ta=document.getElementById("table"); var tbody=ta.getElementsByTagName("tbody")[0]; var td=tbody.getElementsByTagName("tr"); for(var i=0;i<td.length;i++) { if(i%2==0){ td[i].style.backgroundColor="#888"; } }}</script>
</body></html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
