美文网首页
Element.classList

Element.classList

作者: jasmine_6aa1 | 来源:发表于2020-03-03 15:01 被阅读0次

原生js——操作类名(HTML5新增classList)

首先,我们要有一个div

const div = document.getElementById("myDIV");// 获取#myDiv的元素

1,给文本添加元素对象

div.classList.add(class1,class2)/给div元素,并且添加class1、class2类属性

2,给文本移除元素对象

myDIV.classList.remove("mystyle");//给#myDiv元素移除mystyle类属性

3,判断文本元素是否存中某一个类

//确定是否包含给定的类:select;返回布尔值:true / false
div.classList.contains("select");

4,用新类替换老类

//替换类:新类newSelect替换老类select;
div.classList.replace("select","newSelect");//前面参数是老类,后面是新类

以上就是我对classList常用的几种方法的了解

相关文章

  • Element.classlist

    Element.classlist add添加一个新的类名 remove删除一个类名 contains 是否包含一...

  • Element.classList

    H5新增了一种操作类名的方法,classList,这个属性是新集合类型DOMTokenList的实例。Elemen...

  • Element.classList

    原生js——操作类名(HTML5新增classList) 首先,我们要有一个div 1,给文本添加元素对象 2,给...

  • Element.classList 属性

    Element.classList是一个只读属性,它返回元素的类名,作为DOMTokenList对象,该元素用于在...

  • DOM —— classList

    element.classList有哪些方法?如何判断一个元素的 class 列表中是包含某个 class?如何添...

  • classList

    Element.classList 是一个只读属性,返回一个元素的类属性的实时 DOMTokenList集合;用e...

网友评论

      本文标题:Element.classList

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