编程 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 相关文章推荐

PNGHandler-借助JS让PNG图在IE下实现透明（包括背景图）

Aug 31 Javascript

jquery 可排列的表实现代码

Nov 13 Javascript

JavaScript 嵌套函数指向this对象错误的解决方法

Mar 15 Javascript

Js实现动态添加删除Table行示例

Apr 14 Javascript

jQuery实现回车键（Enter）切换文本框焦点的代码实例

May 05 Javascript

浅谈JavaScript 数据属性和访问器属性

Sep 01 Javascript

EasyUI 中combotree 默认不能选择父节点的实现方法

Nov 07 Javascript

mpvue+vuex搭建小程序详细教程(完整步骤)

Sep 30 Javascript

使用NestJS开发Node.js应用的方法

Dec 03 Javascript

小程序调用微信支付的方法

Sep 26 Javascript

探究一道价值25k的蚂蚁金服异步串行面试题

Aug 21 Javascript

vue配置型表格基于el-table拓展之table-plus组件

Apr 12 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 基本语法格式

2009/12/15 PHP

SESSION存放在数据库用法实例

2015/08/08 PHP

谈谈从phpinfo中能获取哪些值得注意的信息

2017/03/28 PHP

PHP抽象类与接口的区别实例详解

2019/05/09 PHP

JS类定义原型方法的两种实现的区别评论很多

2007/09/12 Javascript

关于jquery append() html时的小问题的解决方法

2010/12/16 Javascript

javascript中检测变量的类型的代码

2010/12/28 Javascript

获得Javascript对象属性个数的示例代码

2013/11/21 Javascript

当鼠标滑过文本框自动选中输入框内容的JS代码分享

2013/11/26 Javascript

JavaScript中绑定事件的三种方式及去除绑定

2016/11/05 Javascript

node中使用es5/6以及支持性与性能对比

2017/08/11 Javascript

vue环境搭建简单教程

2017/11/07 Javascript

JS关于刷新页面的相关总结

2018/05/09 Javascript

vue.js将时间戳转化为日期格式的实现代码

2018/06/05 Javascript

详解@angular/cli 改变默认启动端口两种方式

2018/11/29 Javascript

深入理解nodejs搭建静态服务器(实现命令行)

2019/02/05 NodeJs

通过GASP让vue实现动态效果实例代码详解

2019/11/24 Javascript

[00:58]他们到底在电话里听到了什么？

2017/11/21 DOTA

python实现从网络下载文件并获得文件大小及类型的方法

2015/04/28 Python

Flask框架各种常见装饰器示例

2018/07/17 Python

pycharm 将python文件打包为exe格式的方法

2019/01/16 Python

scikit-learn线性回归，多元回归，多项式回归的实现

2019/08/29 Python

Python 、Pycharm、Anaconda三者的区别与联系、安装过程及注意事项

2019/10/11 Python

详解如何在css3打包后自动追加前缀插件：autoprefixer

2018/12/18 HTML / CSS

HTML5 与 XHTML2

2008/10/17 HTML / CSS

美国餐厅用品和厨房设备批发网站：KaTom Restaurant Supply

2018/01/27 全球购物

英国名牌男装店：Standout

2021/02/17 全球购物

常用UNIX 命令(Linux的常用命令)

2015/12/26 面试题

农村改厕实施方案

2014/03/22 职场文书

幼儿教师师德演讲稿

2014/05/06 职场文书

2015新学期开学寄语

2015/02/26 职场文书

2016党员学习《反对自由主义》心得体会

2016/01/22 职场文书

Python数据可视化之基于pyecharts实现的地理图表的绘制

2021/06/10 Python

Win10/Win11 任务栏替换成经典样式

2022/04/19 数码科技

Python如何快速找到多个字典中的公共键(key)

2022/04/29 Python

使用CSS定位HTML元素的实现方法

2022/07/07 HTML / CSS