JS自建函数-addClass添加class(考虑是否已经存在class的值)

最新推荐文章于 2024-11-10 20:14:44 发布

原创最新推荐文章于 2024-11-10 20:14:44 发布 · 1.2k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端

当前文章被收录于：

前端

101 篇文章 1 人学习

订阅专栏查看详情

当前文章被收录于：

78 篇文章 1 人学习

订阅专栏查看详情

函数模板

当前文章被收录于：

函数模板

25 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一个用于给HTML元素添加Class的封装函数。该函数检查元素是否已有Class，并在其基础上追加新的Class，确保了不同Class之间的正确分隔。

封装给节点添加class

function addClass(element,value) {
    if (!element.className) {
        element.className = value;
    } else {
        newClassName = element.className;
        newClassName += " ";
        newClassName += value;
        element.className = newClassName;
    }
}

注意引号中的空格这个不能省略,由于class可以有多个,空格为了区分不同class属性