CustomStateSet: add() method
Baseline 2024Newly available
Since May 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
The add
method of the CustomStateSet
interface adds value representing a custom state to the CustomStateSet
.
Custom elements with a specific state can be selected using the :state()
pseudo-class, specifying the desired state as an argument.
Syntax
js
add(value)
Parameters
value
-
A string that represents the custom state.
Return value
Undefined.
Examples
The following function adds the state checked
to a CustomStateSet
.
js
class MyCustomElement extends HTMLElement {
set checked(flag) {
if (flag) {
this._internals.states.add("checked");
}
}
}
Specifications
Specification |
---|
HTML # custom-state-pseudo-class |
Browser compatibility
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
add |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.