A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developer.mozilla.org/en-US/docs/Web/API/Element/toggleAttribute below:

Element: toggleAttribute() method - Web APIs

Element: toggleAttribute() method

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.

Syntax
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:

Return value

true if attribute name is eventually present, and false otherwise.

Exceptions
InvalidCharacterError DOMException

The specified attribute name contains one or more characters which are not valid in attribute names.

Examples

In the following example, toggleAttribute() is used to toggle the disabled attribute of an <input>.

HTML
<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