HTMLLinkElement : propriété sizes
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis 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
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