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 July 2015.

Die schreibgeschützte sizes-Eigenschaft der Schnittstellen von HTMLLinkElement definiert die Größen der Symbole für visuelle Medien, die in der Ressource enthalten sind. Sie spiegelt das sizes-Attribut des <link>-Elements wider, das eine Liste von durch Leerzeichen getrennten Größen im Format <Breite in Pixel>x<Höhe in Pixel> oder das Schlüsselwort any annimmt.

Es ist nur relevant, wenn rel icon oder ein nicht standardmäßiger Typ wie apple-touch-icon ist.

Wert

Ein DOMTokenList

Beispiele

html
<link rel="icon" sizes="72x72 114x114" href="smallish.png" />
js
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 Standard
# dom-link-sizes

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch