CustomStateSet: add() 方法

Baseline 2024
新推出

自 2024 年 5 月以来,此功能已在最新设备和浏览器版本中可用。此功能可能不适用于较旧的设备或浏览器。

CustomStateSet 接口的 add 方法将表示自定义状态的值添加到 CustomStateSet 中。

具有特定状态的自定义元素可以使用 :state() 伪类进行选择,将所需状态作为参数指定。

语法

js
add(value)

参数

value

表示自定义状态的字符串。

返回值

Undefined。

示例

以下函数将状态 checked 添加到 CustomStateSet 中。

js
class MyCustomElement extends HTMLElement {
  set checked(flag) {
    if (flag) {
      this._internals.states.add("checked");
    }
  }
}

规范

规范
HTML
# custom-state-pseudo-class

浏览器兼容性