zl程序教程

您现在的位置是:首页 >  前端

当前栏目

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

JavaScript事件 使用 改变 颜色 选中 onClick
2023-06-13 09:15:14 时间

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

复制代码代码如下:


<scripttype="text/javascript">
varcurrentActiveRow;//当前活动行

//改变选中行的颜色
functionchangeActiveRow(obj){
   if(currentActiveRow){
       currentActiveRow.style.backgroundColor="";
   }
   currentActiveRow=obj;
   currentActiveRow.style.backgroundColor="#F2F2F2";
}

</script>

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