JS如何修改class属性?

小彬 管理员

作者很懒,什么都没留下!

字数809个, 阅读全文: 3 分钟
首页 Javascript 正文

很多初级开发者不知道“JS如何修改class属性”,下面是示例代码:

// 原生 js 方式
var classname = document.getElementById(selector).className; // 获取类型属性的值
document.getElementById(selector).className = 'classname'; // 若原来有值,将会被替换
document.getElementById(selector).className += ' classname2'; // 注意:类名前需加一个空格,且不能省略
document.getElementById(selector).classList.add('classname2'); // 在原有类的基础上,添加
document.getElementById(selector).classList.replace('classname','classname2'); // 将 classname 替换为 classname2
var booleannn = document.getElementById(selector).classList.contains('classname'); // 若包含就返回 true

// jQuery 方式
var classname = $(selector).attr("class"); // 获取类型属性的值
$(selector).addClass("classname"); // 添加类
$(selector).removeClass("classname"); // 删除类
$(selector).toggleClass("classname"); // 切换类,如果有则删除,如果没有则添加
本文来自投稿,不代表本站立场,如若转载,请注明出处:https://www.xiaobinblog.com/1105.html
-- 展开阅读全文 --
JS根据ID修改样式
« 上一篇 2023-03-24
JS根据ID删除元素
下一篇 » 2023-03-24

发表评论

动态快讯

互动读者

  • 小站长 管理员

    作者很懒,什么都没留下!

    小站长 文章 5 篇
    作者很懒,什么都没留下!
  • 小彬 管理员

    作者很懒,什么都没留下!

    小彬 文章 139 篇
    作者很懒,什么都没留下!

热门文章

1
2
3

最多点赞

小彬 管理员

作者很懒,什么都没留下!

12赞, 阅读:29.8651w
小彬 管理员

作者很懒,什么都没留下!

9赞, 阅读:26.4662w
小彬 管理员

作者很懒,什么都没留下!

13赞, 阅读:26.4643w
小彬 管理员

作者很懒,什么都没留下!

11赞, 阅读:26.4537w

标签TAG