H5新增的属性,是一个classList对象,既可以用里面的方法新增、删除、修改节点上的CSS类。也可以用它来判断某个节点是否被赋予了某个CSS类 。

青青子衿 2019-05-27 01:39:02
DOM里的每个节点上都有一个classList对象,既可以用里面的方法新增、删除、修改节点上的CSS类。也可以用它来判断某个节点是否被赋予了某个CSS类。 add(类名) 添加类名 remove(类名) 删除类名 replace(替换谁,替换成什么)替换 contains(类名) 布尔值 toggle(类名) 切换 返回值还是布尔值(有就切掉,没有就加上) item(索引) 试试 添加类(add) box.classList.add(‘red’,‘blue’); 以此格式都一样,可以试试; document.onclick = function(){ // addClass(box,'red'); box.classList.add('red','blue'); console.log(box.classList.contains('bg')) box.classList.replace('bg','red'); console.log(box.classList.contains('red')) console.log(box.classList.toggle('bg')); console.log(box.classList); }
...全文
28 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧