使用dom实现隔行变色
来源:互联网 发布:topsview监控软件 编辑:程序博客网 时间:2024/05/06 13:58
<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>隔行变色</title>
<script language="javascript"type="text/javascript">
function getColor(){
varta=document.getElementsByName("tab1");
vartr1=document.getElementsByTagName("tr");
//alert(color);
//alert(tr1.length);
for(var i=0;i<tr1.length;i++){
if(i%2==0){
//偶数为红色
tr1[i].style.backgroundColor="red";
}else{
//奇数为绿色
tr1[i].style.backgroundColor="green";
}
}
}
</script>
</head>
<body>
<table width="300" border="1"cellpadding="0" id="tab1">
<tr class="A">
<td colspan="4"> </td>
</tr>
<tr class="B">
<td colspan="4"> </td>
</tr>
<tr class="C">
<td colspan="4"> </td>
</tr>
<tr class="D">
<td colspan="4"> </td>
</tr>
</table>
<input type="button"value="点就变色"onclick="getColor()">
</body>
</html>
- 使用dom实现隔行变色
- 使用dom节点实现表格完美隔行变色效果
- 使用DOM方法实现表格的隔行变色效果
- 使用DOM方法实现表格的隔行变色效果
- dom实现隔行变色的效果
- Dom实现表格的隔行变色代码
- ajax+js+dom实现隔行变色效果
- ajax+js+dom实现隔行变色效果
- 使用javascript实现隔行变色
- 使用javascript实现隔行变色
- 使用jQuery实现隔行变色
- 使用JQuery实现隔行变色
- 使用JavaScript和jQuery实现隔行变色
- 使用JQuery实现隔行变色的效果
- smarty中使用实现隔行变色
- 使用jquery过滤器实现隔行变色效果
- 使用CSS实现table隔行变色
- 实现表格隔行变色
- 使用dom改变字体和修改背景颜色
- http://acm.nyist.net/JudgeOnline/problem.php?pid=267
- 用 ODataService 访问 LexisNexis
- C++虚函数剖析(1)
- Linux基础 for Android【读书笔记】
- 使用dom实现隔行变色
- 一种求最大公约数的方法--更相减损术
- 使用dom实现统计所有元素节点
- 二分查找算法
- 用ajax实现仿优酷的视频播放评论不进行刷新
- C++虚函数剖析(2)
- java学习总结
- 尽可能地减小锁对象的作用范围
- POJ 1681 Painter's Problem 高斯消元+DFS枚举