js-DOM给class追加一个新的元素

最新推荐文章于 2023-02-22 14:03:58 发布

_panda_

最新推荐文章于 2023-02-22 14:03:58 发布

阅读量7.4k

点赞数 1

分类专栏：《javascriptDOM编程艺术》实用代码文章标签：函数

本文链接：https://blog.csdn.net/qq_18832439/article/details/50865569

版权

实用代码同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

《javascriptDOM编程艺术》

6 篇文章 0 订阅

订阅专栏

在需要给一个元素追加新的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的值