ElementInternals: states property
Baseline
2024
Newly available
Since May 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Thuộc tính chỉ đọc states của giao diện ElementInternals trả về CustomStateSet đại diện cho các trạng thái có thể có của phần tử tùy chỉnh.
Giá trị
Một CustomStateSet là một Set các chuỗi.
Ví dụ
Hàm sau thêm và xóa trạng thái --checked khỏi CustomStateSet, sau đó in ra console true hoặc false khi hộp kiểm tùy chỉnh được đánh dấu hoặc bỏ đánh dấu.
js
class MyElement extends HTMLElement {
set checked(flag) {
if (flag) {
this._internals.states.add("--checked");
} else {
this._internals.states.delete("--checked");
}
console.log(this._internals.states.has("--checked"));
}
}
Thông số kỹ thuật
| Specification |
|---|
| HTML # custom-state-pseudo-class |