CSSImportRule: thuộc tính media
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.
Thuộc tính chỉ đọc media của giao diện CSSImportRule trả về một đối tượng MediaList đại diện cho danh sách truy vấn phương tiện của quy tắc @import.
Giá trị
Một đối tượng MediaList.
Mặc dù thuộc tính media itself là chỉ đọc theo nghĩa là bạn không thể thay thế đối tượng MediaList, bạn vẫn có thể gán giá trị cho thuộc tính media trực tiếp, tương đương với việc gán cho thuộc tính mediaText của nó. Bạn cũng có thể sửa đổi đối tượng MediaList bằng cách sử dụng các phương thức appendMedium() và deleteMedium().
Ví dụ
Lấy thuộc tính media
Bảng kiểu sau đây bao gồm một quy tắc @import duy nhất. Do đó, mục đầu tiên trong danh sách các quy tắc CSS sẽ là một CSSImportRule. Thuộc tính media trả về một đối tượng MediaList. Điều này bao gồm thuộc tính mediaText với giá trị là screen.
@import "style.css" screen;
const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].media); // Một MediaList
Thiết lập thuộc tính media
Để thay đổi thuộc tính media của bảng kiểu liên kết, hãy đặt giá trị của media thành một chuỗi chứa giá trị mới.
const myRules = document.styleSheets[0].cssRules;
myRules[0].media = "print";
Đặc tả kỹ thuật
| Specification |
|---|
| CSS Object Model (CSSOM) # dom-cssimportrule-media |