首页 > 编程语言 >JavaScript学习笔记—DOM:操作class

JavaScript学习笔记—DOM:操作class

时间:2023-02-05 21:14:14浏览次数:52  
标签:DOM classList JavaScript element add box1 class box2

element.classList 是一个对象,对象中提供了对当前元素的类的各种操作方法
element.classList.add() 向元素中添加一个或多个class
element.classList.remove() 移除元素中的一个或多个class
element.classList.toggle() 切换元素中的class(有就去掉,没有就加上)
element.classList.replace() 替换class
element.classList.contains() 检查class

// box1.classList.add("box2", "box3", "box4")
// box1.classList.add("box1")

// box1.classList.remove("box2")
// box1.classList.toggle("box2")
// box1.classList.replace("box1", "box2") // box1:旧的 box2:新的
// let result = box1.classList.contains("box3")

标签:DOM,classList,JavaScript,element,add,box1,class,box2
From: https://www.cnblogs.com/zibocoder/p/17093936.html

相关文章