CustomStateSet: add() 方法

基线 2024

新功能

2024 年 5 月起,此功能在所有最新设备和浏览器版本中均可使用。 此功能可能在旧设备或浏览器中无法使用。

add 方法是 CustomStateSet 接口的一种方法,用于向 CustomStateSet 添加表示自定义状态的值。

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

语法

js
add(value)

参数

value

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

返回值

未定义。

示例

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

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

规范

规范
HTML 标准
# custom-state-pseudo-class

浏览器兼容性

BCD 表仅在启用 JavaScript 的浏览器中加载。