Element : propriété part
Baseline
Large disponibilité
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2020.
La propriété en lecture seule part de l'interface Element contient un objet DOMTokenList représentant l'identifiant de la ou des parties de l'élément. Elle reflète l'attribut de contenu part de l'élément. Ceux-ci peuvent être utilisés pour mettre en forme des parties d'un DOM d'ombre, à l'aide du pseudo-élément ::part.
Valeur
Un objet DOMTokenList. Si l'attribut part n'est pas défini ou est vide, il retourne un DOMTokenList vide, c'est-à-dire un DOMTokenList dont la propriété length est égale à 0.
Bien que la propriété part elle-même soit en lecture seule dans le sens où vous ne pouvez pas remplacer l'objet DOMTokenList, vous pouvez toujours attribuer directement à la propriété part, ce qui équivaut à attribuer à sa propriété value. Vous pouvez également modifier l'objet DOMTokenList en utilisant les méthodes add(), remove(), replace() et toggle().
Exemples
L'extrait suivant provient de notre exemple de partie d'ombre (angl.).
Ici, l'attribut part est utilisé pour trouver les parties d'ombre, et la propriété part est ensuite utilisée pour modifier les identifiants de partie de chaque onglet afin que le style correct soit appliqué à l'onglet actif lorsque les onglets sont cliqué.
const onglets = [];
const enfants = this.shadowRoot.children;
for (const elem of enfants) {
if (elem.getAttribute("part")) {
onglets.push(elem);
}
}
onglets.forEach((onglet) => {
onglet.addEventListener("click", (e) => {
onglets.forEach((onglet) => {
onglet.part = "tab";
});
e.target.part = "tab active";
});
console.log(onglet.part);
});
Spécifications
| Spécification |
|---|
| CSS Shadow Module Level 1 # idl |