简单table单元设置,颜色渐变,元素获取
来源:互联网 发布:如何在mac里打开终端 编辑:程序博客网 时间:2024/06/04 07:02
//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>
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>
0 0
- 简单table单元设置,颜色渐变,元素获取
- 获取过度颜色百分比及设置背景颜色渐变
- android 设置颜色渐变
- 设置View渐变颜色
- iOS设置颜色渐变
- imageview设置transitionDrawable实现简单的颜色渐变动画
- Android开发 设置颜色渐变
- CSS 设置背景颜色渐变
- JavaFX设置背景颜色渐变
- ios 设置背景渐变颜色
- 给状态栏设置渐变颜色
- swt中的table单元格渐变颜色
- 简单CSS线性渐变颜色
- TABLE中子元素获取
- vba获取单元的背景颜色
- 设置hr元素颜色
- 颜色渐变实用获取色值方法
- iOS中为控件设置颜色渐变和透明度渐变
- STL源码剖析学习笔记之空间的配置与释放
- 数据挖掘是神马
- table 转化成grid,及其字符串排序
- B KB MB GB TB PB EB ZB YB NB DB
- twitter、facebook、pinterest、linkedin 分享代码
- 简单table单元设置,颜色渐变,元素获取
- Sklearn学习之路(1)——从20newsgroups开始讲起
- 【原创】“error prj0019 工具从正在执行生成后事件...”的解决方法
- java基础(switch)
- SuperMap GIS 8C(2017) 产品白皮书
- 将double类型的数据写入二进制文件,从二进制文件中读取double类型数据
- dialog
- Facebook优化分享后记
- linux下的打包与压缩