利用js给HTML对象加CLASS

分类栏目: js

1001℃

放飞梦 发布于 发表评论

在需要给一个元素追加新的class时,你可以按照以下步骤:

  • 检查className属性的值是否为空;
  • 如果是,把新的class设置值直接赋予给classNameN;
  • 如果不是,把一个新的class设置的值直接赋予个className属性上去

  • 我们把上面的步骤封装成一个函数,addClass。这个函数带有两个参数:第一个是添加新的class的元素(element),第二个是新的class设置值(value)


  • function addClass(element,value) {
      if (!element.className) {
        element.className = value;
      } else {
        newClassName = element.className;
        newClassName+= " ";
        newClassName+= value;
        element.className = newClassName;
      }
    }
    // - 要注意的是我们必须事先设置css中class的值


  友情赞助
微信二维码
支付宝二维码
  选择分享方式

版权:若无特殊注明,本文皆为放飞梦原创,转载请保留文章出处。

链接:利用js给HTML对象加CLASS - http://www.lauxin.net/js/75.html

发表评论
    已评论(0)