DOMTokenList
接口的 toggle()
方法从列表中删除一个给定的标记 并返回 false
。 如果标记 不存在,则添加并且函数返回 true
。
语法
tokenList.toggle(token, force);
参数列表
返回值
该方法返回一个Boolean
值 — 如给定标记不存在于列表中返回false
, 标记存在则返回true
。
Examples
In the following example we retrieve the list of classes set on a <span>
element as a DOMTokenList
using Element.classList
. We then replace a token in the list, and write the list into the <span>
's Node.textContent
.
First, the HTML:
<span class="a b">classList is 'a b'</span>
Now the JavaScript:
var span = document.querySelector("span");
var classes = span.classList;
span.onclick = function() {
var result = classes.toggle("c");
if(result) {
span.textContent = "'c' added; classList is now '" + classes + "'.";
} else {
span.textContent = "'c' removed; classList is now '" + classes + "'.";
}
}
The output looks like this:
Specifications
Specification | Status | Comment |
---|---|---|
DOM toggle() |
Living Standard | Initial definition |
Browser compatibility
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help!
Feature | Chrome | Firefox (Gecko) | Edge | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|---|
Basic support | (Yes) | (Yes) | (Yes) | IE 9 and below - NO, Windows 10, IE 11.608 - Yes | (Yes) | (Yes) |
force argument | (Yes) | (Yes) | (Yes) | 未实现 | (Yes) | (Yes) |
Feature | Android Webview | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | (Yes) | (Yes) | (Yes) | 未实现 | (Yes) | (Yes) |
force argument | (Yes) | (Yes) | ? | 未实现 | (Yes) | (Yes) |