Baseline Widely available
The toggleAttribute()
method of the Element
interface toggles a Boolean attribute (removing it if it is present and adding it if it is not present) on the given element.
toggleAttribute(name)
toggleAttribute(name, force)
Parameters
name
A string specifying the name of the attribute to be toggled. The attribute name is automatically converted to all lower-case when toggleAttribute()
is called on an HTML element in an HTML document.
force
Optional
A boolean value which has the following effects:
toggleAttribute
method "toggles" the attribute named name
â removing it if it is present, or else adding it if it is not presenttoggleAttribute
method adds an attribute named name
toggleAttribute
method removes the attribute named name
true
if attribute name
is eventually present, and false
otherwise.
InvalidCharacterError
DOMException
The specified attribute name
contains one or more characters which are not valid in attribute names.
In the following example, toggleAttribute()
is used to toggle the disabled
attribute of an <input>
.
<input value="text" /> <button>toggleAttribute("disabled")</button>
JavaScript
const button = document.querySelector("button");
const input = document.querySelector("input");
button.addEventListener("click", () => {
input.toggleAttribute("disabled");
});
Result Specifications Browser compatibility See also
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4