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

2019-12-24,,

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给按钮绑定点击事件(onclick)的方法
  • js动态添加的DIV中的onclick事件简单实例
  • javascript 动态改变onclick事件触发函数代码
  • IE8的JavaScript点击事件(onclick)不兼容的解决方法
  • JavaScript获取onclick、onchange等事件值的代码
  • js动态添加onclick事件可传参数与不传参数
  • javascript onkeydown,onkeyup,onkeypress,onclick,ondblclick
  • JS中双击和单击事件冲突的解决方法
  • js鼠标单击和双击事件冲突问题的快速解决方法
  • JS实现鼠标单击与双击事件共存
  • JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法

《javascript使用onclick事件改变选中行的颜色.doc》

下载本文的Word格式文档,以方便收藏与打印。