HTMLSlotElement: phương thức assign()
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.
Phương thức assign() của giao diện HTMLSlotElement đặt các nút được gán thủ công của slot thành một tập hợp có thứ tự các slottable. Tập các nút được gán thủ công ban đầu là rỗng cho đến khi các nút được gán bằng assign().
Note:
Bạn không thể trộn các kiểu gán slot thủ công (mệnh lệnh) và gán theo tên (khai báo, tự động). Vì vậy, để phương thức này hoạt động, shadow tree cần đã được tạo với tùy chọn slotAssignment: "manual".
Cú pháp
assign(node1)
assign(node1, node2)
assign(node1, node2, /* …, */ nodeN)
Tham số
Giá trị trả về
Không có (undefined).
Ngoại lệ
NotAllowedErrorDOMException-
Được ném ra khi gọi phương thức này trên một slot được gán tự động.
Ví dụ
Trong ví dụ dưới đây, phương thức assign() được dùng để hiển thị đúng tab trong một ứng dụng có tab. Hàm được gọi và nhận panel cần hiển thị, rồi panel đó được gán vào slot.
function UpdateDisplayTab(elem, tabIdx) {
const shadow = elem.shadowRoot;
const slot = shadow.querySelector("slot");
const panels = elem.querySelectorAll("tab-panel");
if (panels.length && tabIdx && tabIdx <= panels.length) {
slot.assign(panels[tabIdx - 1]);
} else {
slot.assign();
}
}
Đặc tả kỹ thuật
| Specification |
|---|
| HTML # dom-slot-assign |