MediaList
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.
Giao diện MediaList đại diện cho các media query của một stylesheet, ví dụ như những thứ được đặt bằng thuộc tính media của một phần tử <link>.
Note:
MediaList là một danh sách trực tiếp; việc cập nhật danh sách bằng các thuộc tính hoặc phương thức được liệt kê dưới đây sẽ ngay lập tức cập nhật hành vi của tài liệu.
Thuộc tính phiên bản
MediaList.mediaText-
Một stringifier trả về một chuỗi đại diện cho
MediaListdưới dạng văn bản, và cũng cho phép bạn đặt mộtMediaListmới. MediaList.lengthRead only-
Trả về số lượng media query trong
MediaList.
Phương thức phiên bản
MediaList.appendMedium()-
Thêm một media query vào
MediaList. MediaList.deleteMedium()-
Xóa một media query khỏi
MediaList. MediaList.item()-
Một getter trả về một chuỗi đại diện cho một media query dưới dạng văn bản, cho giá trị chỉ mục của media query bên trong
MediaList. Phương thức này cũng có thể được gọi bằng cú pháp dấu ngoặc ([]). MediaList.toString()-
Trả về biểu diễn chuỗi của media list này theo cùng định dạng như thuộc tính
MediaList.mediaTextcủa đối tượng.
Ví dụ
Ví dụ sau sẽ ghi vào console biểu diễn văn bản của MediaList của stylesheet đầu tiên được áp dụng cho tài liệu hiện tại.
const stylesheets = document.styleSheets;
let stylesheet = stylesheets[0];
console.log(stylesheet.media.mediaText);
Thông số kỹ thuật
| Specification |
|---|
| CSS Object Model (CSSOM) # the-medialist-interface |