这篇文章主要介绍了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>
最新资讯
SpaceX首张船票已出 日(J)本(P)富豪成史上首个私人月球游客

SpaceX首张船票已出

去找嫦娥的竟然是一位日(J)本(P)人。
苹果Safari浏览器出漏洞:可能导致iOS/macOS崩溃重启

苹果Safari浏览器出漏

利用WebKit这一漏洞,攻击者可以让设备加载植入特定CSS
没有人的朋友圈

没有人的朋友圈

微信诞生7年,一方面我们努力的增加微信好友,努力给朋友
朋友圈力推微视,“头腾”大战仍在延续

朋友圈力推微视,“头腾

头腾大战延续?
这届iPhone若大卖,苹果来年还能再涨一波?

这届iPhone若大卖,苹果

越贵越买将给予苹果更为膨胀的心态,那么iPhone的价格走
最新文章
详解NodeJs开发微信公众号

详解NodeJs开发微信公

本篇文章给大家分享了NodeJs开发微信公众号的相关技术
详解webpack4多入口、多页面项目构建案例

详解webpack4多入口、

这篇文章主要介绍了详解webpack4多入口、多页面项目构
Vue仿支付宝支付功能

Vue仿支付宝支付功能

这篇文章主要介绍了Vue仿支付宝支付功能,非常不错,具有
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】

jquery ajaxfileuplod

点击一次上传, 当上传操作结束后才能操作界面,实现方式
JavaScript继承与多继承实例分析

JavaScript继承与多继

这篇文章主要介绍了JavaScript继承与多继承,结合实例
使用javascript做在线算法编程

使用javascript做在线

这篇文章主要介绍了使用javascript做在线算法编程的相