表格样式操作

改进版的表格选择功能

.tr-color{

background-color:#FFFFFF;

}

.cursor{

cursor:pointer;

}

vardefaultColor="#ffffff";

varoverColor="yellow";

varclickColor="pink";

varchooseRow=9999;

function over_color(obj){

if(obj.style.backgroundColor!=clickColor)

obj.style.backgroundColor=overColor;

}

function remove_color(obj){

if(obj.style.backgroundColor!=clickColor)

obj.style.backgroundColor=defaultColor;

}

function click_color(obj){

vartb=obj.parentNode;//获得父节点对象

if(chooseRow!=9999){

varlastObj=tb.rows[chooseRow];

lastObj.style.backgroundColor=defaultColor;

}

chooseRow=obj.rowIndex;//获得当前行在表格中的序数

obj.style.backgroundColor=clickColor;

}

abc

efg

123

456

kgh

afd

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,688评论 0 17
  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 1,928评论 0 1
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,120评论 1 10
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,944评论 2 17
  • 前言 在iOS开发中,有时候我们需要使用到发送邮件的功能,比如说接收用户的反馈信息、APP的崩溃情况的通知等等。 ...
    一月筠阅读 2,649评论 6 12