Element: part 屬性
Element 介面的 part 屬性表示元素的 part 識別符號（即使用 part 屬性設定的值），返回一個 DOMTokenList。這些識別符號可以透過 ::part 偽元素來為 shadow DOM 的部分設定樣式。
值
一個 DOMTokenList 物件。
示例
以下摘錄來自我們的 shadow-part 示例。在這裡，part 屬性用於查詢 shadow parts，然後 part 屬性用於更改每個選項卡的 part 識別符號，以便在單擊選項卡時將正確的樣式應用於活動選項卡。
js
const tabs = [];
const children = this.shadowRoot.children;
for (const elem of children) {
if (elem.getAttribute("part")) {
tabs.push(elem);
}
}
tabs.forEach((tab) => {
tab.addEventListener("click", (e) => {
tabs.forEach((tab) => {
tab.part = "tab";
});
e.target.part = "tab active";
});
console.log(tab.part);
});
規範
| 規範 |
|---|
| CSS 影子部分 # idl |
瀏覽器相容性
載入中…