Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
HTMLLinkElement: sizes-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Januar 2020.
Die schreibgeschütztesizes-Eigenschaft derHTMLLinkElement-Schnittstelle definiert die Größen der Symbole für visuelle Medien, die in der Ressource enthalten sind. Sie spiegelt dassizes-Attribut des<link>-Elements wider, das eine Liste von durch Leerzeichen getrennten Größen im Format<Breite in Pixeln>x<Höhe in Pixeln> oder das Schlüsselwortany annimmt.
Es ist nur relevant, wenn derrel-Werticon oder ein nicht standardmäßiger Typ wieapple-touch-icon ist.
In diesem Artikel
Wert
EinDOMTokenList-Objekt.
Obwohl diesizes-Eigenschaft selbst in dem Sinne schreibgeschützt ist, dass Sie dasDOMTokenList-Objekt nicht ersetzen können, können Sie trotzdem direkt dersizes-Eigenschaft einen Wert zuweisen, was dem Zuweisen zu ihrervalue-Eigenschaft entspricht. Sie können auch dasDOMTokenList-Objekt mit den Methodenadd(),remove(),replace() undtoggle() ändern.
Beispiele
<link rel="icon" sizes="72x72 114x114" href="smallish.ico" />const link = document.querySelector("[rel=icon],[rel=apple-touch-icon]");console.dir(link.sizes); /* output: DOMTokenList [ "72x72", "114x114" ] 0: "72x72" 1: "114x114" length: 2 value: "72x72 114x114" */console.log(link.sizes.value); // output: '72x72 114x114'console.log(link.sizes.length); // output: 2'console.log(link.sizes[0]); // output: '72x72'console.log(link.sizes[1]); // output: '114x114'Spezifikationen
| Specification |
|---|
| HTML> # dom-link-sizes> |