码农教程 - 一技在手,衣食无忧! tools

目录

HTML DOMTokenList toggle()

❮ DOMTokenList 对象

示例

打开和关闭"myStyle"：

const list = element.classList;
list.toggle("mywStyle");
亲自试一试 »

将 "myStyle" 类添加到元素：

const list = element.classList;
list.add("myStyle");
亲自试一试 »

从元素中删除 "myStyle" 类：

const list = element.classList;
list.remove("myStyle");
亲自试一试 »

下面有更多示例。

描述

这个add()方法将一个（或多个）标记添加到DOM令牌列表。

也可以看看：

长度属性

item() 方法

add() 方法

移除()方法

替换()方法

forEach() 方法

Entry() 方法

key() 方法

value() 方法

DOMTokenList 对象

语法

domtokenlist.toggle(token)

参数

Parameter Description
token Required.
The token to toggle.

返回值

没有任何

更多示例

向 an 元素添加多个类：

element.classList.add("myStyle", "anotherClass", "thirdClass");
亲自试一试 »

从一个元素中删除多个类：

element.classList.remove("myStyle", "anotherClass", "thirdClass");
亲自试一试 »

获取元素的类数：

let numb = element.classList.length;
亲自试一试 »

在类之间切换以创建下拉按钮：

document.getElementById("myBtn").onclick = function() {myFunction()};

function myFunction() {
  document.getElementById("myDropdown").classList.toggle("show");
}
亲自试一试 »

浏览器支持

domtokenlist.toggle()是 DOM Level 4 (2015) 功能。

所有现代浏览器都支持它：

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

domtokenlist.toggle()Internet Explorer 11（或更早版本）不支持。

❮ DOMTokenList 对象