HTMLLinkElement : propriété sizes
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since janvier 2020.
La propriété en lecture seule sizes de l'interface HTMLLinkElement définit les tailles des icônes pour les médias visuels contenus dans la ressource. Elle reflète l'attribut sizes de l'élément <link>, qui prend une liste de tailles séparées par des espaces, chacune au format <largeur en pixels>x<hauteur en pixels>, ou le mot-clé any.
Cela n'est pertinent que si rel vaut icon ou un type non standard comme apple-touch-icon.
Valeur
Un objet DOMTokenList
Exemples
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); /* affiche :
DOMTokenList [ "72x72", "114x114" ]
0: "72x72"
1: "114x114"
length: 2
value: "72x72 114x114"
*/
console.log(link.sizes.value); // affiche : '72x72 114x114'
console.log(link.sizes.length); // affiche : '2'
console.log(link.sizes[0]); // affiche : '72x72'
console.log(link.sizes[1]); // affiche : '114x114'
Spécifications
| Specification |
|---|
| HTML # dom-link-sizes |
Compatibilité des navigateurs
Loading…
Voir aussi
- La propriété
HTMLLinkElement.rel - La propriété
HTMLLinkElement.relList - La propriété
HTMLLinkElement.type - La propriété
HTMLLinkElement.href - L'élément HTML
<link> - L'attribut
rel