HTMLLinkElement: thuộc tính sizes
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Thuộc tính sizes chỉ đọc của giao diện HTMLLinkElement xác định kích thước của các biểu tượng cho phương tiện trực quan chứa trong tài nguyên. Nó phản ánh thuộc tính sizes của phần tử <link>, nhận danh sách các kích thước được phân tách bằng dấu cách, mỗi kích thước theo định dạng <chiều_rong_pixel>x<chiều_cao_pixel>, hoặc từ khóa any.
Nó chỉ liên quan nếu rel là icon hoặc một loại không chuẩn như apple-touch-icon.
Giá trị
Một đối tượng DOMTokenList.
Mặc dù bản thân thuộc tính sizes là chỉ đọc theo nghĩa bạn không thể thay thế đối tượng DOMTokenList, bạn vẫn có thể gán trực tiếp cho thuộc tính sizes, tương đương với việc gán cho thuộc tính value của nó. Bạn cũng có thể sửa đổi đối tượng DOMTokenList bằng các phương thức add(), remove(), replace(), và toggle().
Ví dụ
<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'
Đặc tả kỹ thuật
| Specification |
|---|
| HTML # dom-link-sizes |