控制显示样式的javascript

于 2007-04-29 11:14:26 发布 · 131 阅读

文章标签：

#JavaScript #ViewUI

页面制作专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一个JavaScript函数isSelect，该函数用于根据鼠标点击事件更改HTML元素的ID或类名。函数支持通过事件对象、目标元素标识（ID或类名）以及类型参数来实现元素的选择与样式修改。

function isSelect(e,keyword,type)

//e是鼠标事件、keyword是样式、type=0时是id；type=1时是class属性。
{
  if(type==0)
  {
   document.getElementById(keyword).id = "";
  }
  else
  {
   document.getElementById(keyword).className = "";
   document.getElementById(keyword).id = "";
  }
  var targ
  if (!e)
  {
   var e = window.event
  }
  if (e.target)
  {
   targ = e.target
  }
  else if (e.srcElement)
  {
   targ = e.srcElement
  }

  if (targ.nodeType == 3)
  {
      targ = targ.parentNode
     }
  if(type==0)
  {
   targ.id = keyword;
  }
  else
  {
   targ.id = keyword;
   targ.className = keyword;
  }
  }
调用函数：

onclick="isSelect(event,'current',0);