原生JS添加/删除类名
2017-09-09 00:00
357 查看
为 <div> 元素添加 class:
为 <div> 元素添加多个类:
为 <div> 元素移除一个类:
为 <div> 元素移除多个类:
检查是否含有某个CSS类
document.getElementById("myDIV").classList.add("mystyle");
为 <div> 元素添加多个类:
document.getElementById("myDIV").classList.add("mystyle", "anotherClass", "thirdClass");
为 <div> 元素移除一个类:
document.getElementById("myDIV").classList.remove("mystyle");
为 <div> 元素移除多个类:
document.getElementById("myDIV").classList.remove("mystyle", "anotherClass", "thirdClass");
检查是否含有某个CSS类
myDiv.classList.contains('myCssClass'); //return true or false
相关文章推荐
- 原生JS添加类名 删除类名
- 原生JS添加类名 删除类名 检查是否含有某个CSS类名
- 查看是否存在某个class类名 原生JS添加类名 删除类名
- 原生JS添加类名 删除类名
- 原生js 查找 添加 删除 指定元素的class
- 原生js事件的添加和删除的封装
- 原生js封装添加class,删除class
- 原生js解决对象事件处理程序添加和删除的兼容性问题
- 原生js实现class的添加和删除
- 原生js添加删除class
- 原生js封装添加class,删除class的实例
- 原生js添加类名
- 原生JS添加删除Class
- 原生js添加、删除元素的class
- 原生JS和JQuery动态添加、删除表格行的方法
- 表格的一些原生js操作(隔行变色,高亮显示,添加删除,搜索)
- 原生js实现查找/添加/删除/指定元素的class
- 原生JS实现购物车的添加删除,以及总价计算的功能
- 原生JS和JQuery动态添加、删除表格行的方法
- 原生js事件的添加和删除的封装