数码资讯
js处理表修改表
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
JS处理表
1、行色间隔显示
CSS样式:两个选择器
复制代码代码如下所示:
一个{。
背景颜色:# 33ffcc;
}
两{。
背景颜色:# ffff66;
}
trcolor()函数
不同颜色显示的控制间隔
{
无功tabnode = document.getelementsbytagname(表){ 0 };
获取表节点
VaR TRS = tabnode.rows;
获取表中的所有行
对于(var x = 1;x<trs.length;X + +)
{
如果(x % 2 = 1)
Trs{x}.className = one;
其他的
TRS {X}。类名=两;
}
}
/ /的OnLoad方法,网页加载操作完成后,该trcolor方法,表行的颜色间隔。
在window.onload =功能()
{
Trcolor();
}
2。将鼠标移动到一条线上,改变颜色并使颜色明亮,去掉颜色并恢复原来的颜色。
复制代码代码如下所示:
在{。
背景颜色:# # 00ff00;
}
变量名;
trmouse()函数
{
无功tabnode = document.getelementsbytagname(表){ 0 };
/ /通过为每个TR标签周期与onmouseover和onmouseout属性
对于(var = x 0;x < x x x。};长度;x + +)
{
TRS {X} onmouseover =函数()。
{
名称= this.classname;
这一方法=结束;
}
TES {X} onmouseout=()函数。
{
this.classname =名称;
}
}
}
1、行色间隔显示
CSS样式:两个选择器
复制代码代码如下所示:
一个{。
背景颜色:# 33ffcc;
}
两{。
背景颜色:# ffff66;
}
trcolor()函数
不同颜色显示的控制间隔
{
无功tabnode = document.getelementsbytagname(表){ 0 };
获取表节点
VaR TRS = tabnode.rows;
获取表中的所有行
对于(var x = 1;x<trs.length;X + +)
{
如果(x % 2 = 1)
Trs{x}.className = one;
其他的
TRS {X}。类名=两;
}
}
/ /的OnLoad方法,网页加载操作完成后,该trcolor方法,表行的颜色间隔。
在window.onload =功能()
{
Trcolor();
}
2。将鼠标移动到一条线上,改变颜色并使颜色明亮,去掉颜色并恢复原来的颜色。
复制代码代码如下所示:
在{。
背景颜色:# # 00ff00;
}
变量名;
trmouse()函数
{
无功tabnode = document.getelementsbytagname(表){ 0 };
/ /通过为每个TR标签周期与onmouseover和onmouseout属性
对于(var = x 0;x < x x x。};长度;x + +)
{
TRS {X} onmouseover =函数()。
{
名称= this.classname;
这一方法=结束;
}
TES {X} onmouseout=()函数。
{
this.classname =名称;
}
}
}
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。