var oTab = document.getElementById('tb1');
var oTr = document.getElementsByTagName('tr');
for(var i=0;i<oTr.length;i++){
if(i%2==0){
oTr[i].style.backgroundColor = "#E0FFFF";
}else{
oTr[i].style.backgroundColor = "#FF0000";
}
}
上面是JS代码
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
<table id="tb1" >
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
数据是循环的,现在想实现点击第一个table里的表头项目实现下面的内容隔行变色。
现在的状况是IF都能进去,但是就是不能给画面附上颜色。郁闷,求大神
var oTr = document.getElementsByTagName('tr');
for(var i=0;i<oTr.length;i++){
if(i%2==0){
oTr[i].style.backgroundColor = "#E0FFFF";
}else{
oTr[i].style.backgroundColor = "#FF0000";
}
}
上面是JS代码
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
<table id="tb1" >
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
数据是循环的,现在想实现点击第一个table里的表头项目实现下面的内容隔行变色。
现在的状况是IF都能进去,但是就是不能给画面附上颜色。郁闷,求大神
解决方案 »
- js prototype的问题
- 点击小图弹出DIV层显示大图,已经取得图片地址却不能显示图片
- javascript DOM 添加元素结点
- [求助] 如何在flash中获取flash所在页面中的文本框的值
- 域名间的 cookies 问题?
- 散发了,欢迎大家测试用Ext2.0做的网站!
- 求助:关于cookie 与 iframe 的问题
- 一个经典的Javascript代码,一个关于吃饭的问题!!!该怎么写!!““高手进””高手赶快帮忙啊!!发了几天都没帮助的!!
- ★★★★★高分求金额编辑框的,html页源码,内详.
- 怎样才能更好的动态设置图片框的大小?
- WScript.Shell打开本地程序 路径中有空格和中文怎么处理?
- 请问下我写的一段JS,为什么有时候能执行,有时候不行?
<style>
table{ border-collapse:collapse; }
td{border:1px solid #000; padding:5px }
</style>
<table id="tbhead" bgcolor="#aaaaff" >
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
<table id="tb1" >
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr></table>
<script language="javascript">
var tbhead = document.getElementById('tbhead');
var oTab = document.getElementById('tb1');
var rs= oTab.rows,cIdx ;
tbhead.onclick=function(evt){
var el=window.event?event.srcElement:evt.target;
if(el.tagName!='TD' || el.cellIndex==cIdx ) return;
//console.info( el.cellIndex )
cIdx=cIdx||0;
for(var i=0;i<rs.length;i++){
rs[i].cells[cIdx].style.backgroundColor = "#fff";
rs[i].cells[el.cellIndex].style.backgroundColor = i%2?'#88FFFF':'#E0FFFF';
}
cIdx=el.cellIndex;
}
</script>