编程 Javascript

javascript使用onclick事件改变选中行的颜色

Posted in Javascript onDecember 30, 2013

html页面的table 中一行一行的显示当然 div也行可设置在鼠标放上去时改变其颜色部分代码如下

<script type="text/javascript">
var currentActiveRow; //当前活动行
//改变选中行的颜色
function changeActiveRow(obj) {
    if (currentActiveRow) {
        currentActiveRow.style.backgroundColor = "";
    }
    currentActiveRow = obj;
    currentActiveRow.style.backgroundColor = "#F2F2F2";
}
</script>

然后在td上设置onmousehover或者onclick事件即可 onmouseover="changeActiveRow(this)"

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

深入Javascript函数、递归与闭包(执行环境、变量对象与作用域链)使用详解

May 08 Javascript

深入理解JavaScript中的传值与传引用

Dec 09 Javascript

用jquery仿做发微博功能示例

Apr 18 Javascript

php，js，css字符串截取的办法集锦

Sep 26 Javascript

详解JavaScript正则表达式之RegExp对象

Dec 13 Javascript

JavaScript手机振动API

Jun 11 Javascript

Node.js中防止错误导致的进程阻塞的方法

Aug 11 Javascript

AngularJS $on、$emit和$broadcast的使用

Sep 05 Javascript

vue中配置mint-ui报css错误问题的解决方法

Oct 11 Javascript

VUE 3D轮播图封装实现方法

Jul 03 Javascript

JS sort方法基于数组对象属性值排序

Jul 10 Javascript

vue前端工程的搭建

Mar 31 Vue.js

使用js如何实现全选与全不选

Dec 30 #Javascript

javascript操作css属性

Dec 30 #Javascript

JS延迟加载加快页面打开速度示例代码

Dec 30 #Javascript

深入理解javascript中return的作用

Dec 30 #Javascript

禁止IE用右键的JS代码

Dec 30 #Javascript

js将控件隐藏及display属性的使用介绍

Dec 30 #Javascript

JS的document.all函数使用示例

Dec 30 #Javascript

You might like

PHP中addslashes()和stripslashes()实现字符串转义和还原用法实例

2016/01/07 PHP

Yii中CArrayDataProvider和CActiveDataProvider区别实例分析

2016/03/02 PHP

浅析Yii2 GridView 日期格式化并实现日期可搜索教程

2016/04/22 PHP

PHP jQuery+Ajax结合写批量删除功能

2017/05/19 PHP

PHP设计模式之策略模式原理与用法实例分析

2019/04/04 PHP

Laravel 模型使用软删除-左连接查询-表起别名示例

2019/10/24 PHP

JavaScript高级程序设计（第3版）学习笔记12 js正则表达式

2012/10/11 Javascript

如何获取select下拉框的值(option没有及有value属性)

2013/11/08 Javascript

表格奇偶行设置不同颜色的核心JS代码

2013/12/24 Javascript

js小数运算出现多位小数如何解决

2015/10/08 Javascript

使用JQuery 加载页面时调用JS的实现方法

2016/05/30 Javascript

不间断循环滚动效果的实例代码(必看篇)

2016/10/08 Javascript

vue页面使用阿里oss上传功能的实例(二)

2017/08/09 Javascript

详解Webstorm 新建.vue文件支持高亮vue语法和es6语法

2017/10/26 Javascript

网页爬虫之cookie自动获取及过期自动更新的实现方法

2018/03/06 Javascript

浅谈webpack 自动刷新与解析

2018/04/09 Javascript

使用RxJS更优雅地进行定时请求详析

2019/06/02 Javascript

angular6开发steps步骤条组件

2019/07/04 Javascript

微信小程序获取当前位置和城市名

2019/11/13 Javascript

node.js使用stream模块实现自定义流示例

2020/02/13 Javascript

[01:03:36]Ti4 循环赛第三日DK vs Titan

2014/07/12 DOTA

Python算法之栈（stack）的实现

2014/08/18 Python

Python的collections模块中namedtuple结构使用示例

2016/07/07 Python

Python中列表和元组的使用方法和区别详解

2020/12/30 Python

Python使用pyodbc访问数据库操作方法详解

2018/07/05 Python

selenium3+python3环境搭建教程图解

2018/12/07 Python

Python实现的在特定目录下导入模块功能分析

2019/02/11 Python

python自动生成证件号的方法示例

2021/01/14 Python

前端制作动画的几种方式（css3，js）

2016/12/12 HTML / CSS

美国购买肉、鸭、家禽、鹅肝和熟食网站：D’Artagnan

2018/11/13 全球购物

园林专业毕业生自荐信

2014/07/04 职场文书

员工评语范文

2014/12/31 职场文书

2015年扶贫帮困工作总结

2015/05/20 职场文书

南京南京观后感

2015/06/02 职场文书

2016年社会主义核心价值观心得体会

2016/01/21 职场文书

python中的mysql数据库LIKE操作符详解

2021/07/01 MySQL