这篇文章主要介绍了js处理表格对table进行修饰的一些小,需要的朋友可以参考下
js处理表格

1、行颜色间隔显示
css样式:两个选择器
 
<style type="text/css">
.one{
background-color:#33ffcc;
}
.two{
backgound-color:#ffff66;
}
</style>
<script type="text/javascript">
function trcolor()
//控制间隔行颜色显示不同
{
var tabNode = document.getElementsByTagName("table")[0];
//获取table节点
var trs = tabNode.rows;
//获取table中的所有的行
for(var x=1; x<trs.length;x++)
{
if(x%2 == 1)
trs[x].className ="one";
else
trs[x].className ="two";
}
}

//通过onload方法,在网页加载完成后,运行trcolor方法,实现表格的间隔行颜色。
window.onload = function()
{
trcolor();
}
</script>

2、鼠标移动到某一行,改行颜色加亮,移开后恢复原来颜色
 
<style type="text/css">
.over{
background-color:##00ff00;
}
<style>

<script type="text/javascript">
var name;
function trMouse()
{
var tabNode = document.getELementsByTagName("table")[0];
//通过for循环,对每个tr标签加上onmouseover与onmouseout属性
for(var x=0;x<trs[x].length;x++)
{
trs[x].onmouseover = function()
{
name=this.className;
this.className="over";
}
tes[x].onmouseout = function()
{
this.className = name;
}
}
}
</script>
最新资讯
累计融资超20亿美元 理想汽车吹响市值千亿美元冲锋号?

累计融资超20亿美元

继蔚来之后,理想汽车有望成为第二家登陆资本市场的造车
美团5亿美元加持理想汽车:成第二大股东 持股14.5%

美团5亿美元加持理想

理想汽车昨日向SEC递交招股书,股票代码为“LI”,准备冲
北京SKP:餐品会送至指定位置 外卖员由员工通道进入

北京SKP:餐品会送至指

针对日前博主爆料”北京SKP不允许外卖员进入“一事,今
王兴急着变现,李想心急求钱

王兴急着变现,李想心急

李想,曾经的汽车之家创始人,现在的理想汽车(原“车和家”
SpaceX再次推迟星链和BlackSky卫星发射

SpaceX再次推迟星链和

当地时间7月11日,SpaceX再次推迟了最新的星链卫星发射,
史玉柱难退休,巨人网络不服老

史玉柱难退休,巨人网络

目前巨人网络内生游戏主业的创新仍未取得太多成绩,加上
最新文章
Vue实现图片与文字混输效果

Vue实现图片与文字混

用多了 JQuery ,习惯了使用JQuery的API操作 DOM ,几乎忘
Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)

Vue实现点击当前元素

这篇文章主要介绍了Vue实现点击当前元素以外的地方隐
Vue实现验证码功能

Vue实现验证码功能

这篇文章主要为大家详细介绍了Vue实现验证码功能,文中
JS实现的雪花飘落特效示例

JS实现的雪花飘落特效

这篇文章主要介绍了JS实现的雪花飘落特效,结合实例形
微信小程序实现图片压缩

微信小程序实现图片压

这篇文章主要为大家详细介绍了微信小程序实现图片压缩
JavaScript实现京东放大镜效果

JavaScript实现京东放

这篇文章主要为大家详细介绍了JavaScript实现京东放大