原生JS操作class

作者: 吃鸡翅的可乐 | 来源:发表于2018-08-23 10:15 被阅读0次

为元素添加 class:

document.getElementById("myDIV").classList.add("mystyle");

为元素添加多个类:

document.getElementById("myDIV").classList.add("mystyle", "anotherClass", "thirdClass");

为元素移除一个类:

document.getElementById("myDIV").classList.remove("mystyle");

为元素移除多个类:

document.getElementById("myDIV").classList.remove("mystyle", "anotherClass", "thirdClass");

检查是否含有某个CSS类

myDiv.classList.contains('myCssClass'); //return true or false

//js 判断class 名是否存在

function hasClass(element, cls) {

return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1;

}

hasClass(document.querySelector("html"), 'no-js');

原生JS操作class
为元素添加 class: document.getElementById("myDIV").classList.a...
2022-05-06
JS 原生DOM 的操作 dom..setAttribute("class",classVal ); //替换c...
javascript和jQuery操作dom的总结
其实dom的操作无非四点：增删查改还有就是属性操作和class操作先总结原生js的操作增： createEle...
JavaScript和jQuery操作dom的总结
其实dom的操作无非四点：增删查改还有就是属性操作和class操作先总结原生js的操作增： createEle...
JS操作属性、JS换肤、JS操作style属性、JS操作clas
JS操作属性： JS换肤： JS操作style属性： JS操作class： JS中括号操作属性： JS函数： JS...
JS属性
JS操作style属性 JS操作class JS操作括号属性 var oDiv = document.getEle...
JS操作属性定时器和函数
JS操作style属性 JS操作class JS操作括号属性 var oDiv = document.getEle...
原生js实现增加删除class（toggleClass）
原生js实现增加删除class（addClass,removeClass,toggleClass）参考 http...
JS操作属性定时器和函数
JS操作style属性 JS操作class JS操作括号属性一、定时器分类 setTimeout 只执行一次的定...
js对css的操作
对class的操作 class的特点：样式可以叠加，class可以设置多个名称，并且用空格隔开 JS操作：通过属...

网友评论

本文标题：原生JS操作class

本文链接：https://www.haomeiwen.com/subject/perpiftx.html

原生JS操作class