简单table单元设置,颜色渐变,元素获取

//jquery与js结合,$里面可以是对象,也可以是标签,id
var input = cells[j].getElementsByTagName("input");

$(input[0]).attr("style", "background-color:#fff;");


==============================================================
function bgChange(){
for (var j=1;j<=2;j++){
var bb = document.getElementById('editTable');


var cc = bb.getElementsByTagName('tr');

//var dd = bb.getElementsByTagName('td');
for (var i=3;i< cc.length;i++){
//for(var j=3;j<dd.length;;j++){
var cells = cc[i].getElementsByTagName("td");

for(var j=0;j<cells.length;j++){
var input = cells[j].getElementsByTagName("input");
//cells[j].className = (i%2==0)? 'hui' : 'white';

if(i%2==0){
//$('input').style.cssText="background-color:#fff;"

$(input[0]).attr("style", "background-color:#fff;");
$(input[1]).attr("style", "background-color:#fff;");
$(input[2]).attr("style", "background-color:#fff;");
}else{
//input.style.cssText="background-color:#888;"
$(input[0]).attr("style", "background-color:#ccc;");
$(input[1]).attr("style", "background-color:#ccc;");
$(input[2]).attr("style", "background-color:#ccc;");
}

}
}
}
  }


$(function(){

if(id){
setTimeout("bgChange()",1000);
}
//window.setTimeout("document.getElementById('mainDiv').scrollIntoView(true)", 500);


}); 


<table id="editTable" class="zftable zflist" border="1">
<tr class='row_title'>
<td width="12%" nowrap rowspan="2">日期</td>
<td width="6%" nowrap rowspan="2">周</td>
<td width="6%" nowrap rowspan="2">餐别</td>
<td width="56%" nowrap colspan="4">菜谱名称</td>
<td width="10%" nowrap rowspan="2">管教干警</td>
<td width="10%" nowrap rowspan="2">看守干警</td>
</tr>
<tr class='row_title'>
<td width="14%" nowrap>菜名</td>
<td width="14%" nowrap>菜名111</td>
<td width="14%" nowrap>菜名</td>
<td width="14%" nowrap>加餐</td>
</tr>
</table>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值