HTMLStyleElement - 表示 <style> 元素
HTMLStyleElement
接口表示 <style>
元素。它从其父项 HTMLElement
和 LinkStyle
中继承属性和方法。
这个接口不允许操作它包含的 CSS(在大多数情况下)。要操纵 CSS,请参阅使用动态样式化信息来了解使用 DOM 操纵指定 CSS 属性的对象。
属性
所有属性继承自父类 HTMLElement
和 LinkStyle
。
HTMLStyleElement.media
一个 DOMString
,表示样式信息的预期目标媒体。
HTMLStyleElement.type
一个 DOMString
,表示该声明应用的样式类型。
HTMLStyleElement.disabled
一个 Boolean
,表示样式表被禁用(true
)或启用(false
)。
LinkStyle.sheet
只读
返回与给定元素关联的 StyleSheet
对象,如果没有,则返回 null
。
HTMLStyleElement.scoped
一个 Boolean
,用于指示元素是应用于整个文档(false
)还是仅应用于父级的子树(true
)。
方法
没有特有的方法; 所有方法继承自父类 HTMLElement
和 LinkStyle
。
规范
规范 | 状态 | 备注 |
---|---|---|
HTML Living Standard HTMLStyleElement 的定义 |
现行的标准 | 自从 HTML5 以来没有变化。 |
HTML 5.1 HTMLStyleElement 的定义 |
推荐 | - |
HTML5 HTMLStyleElement 的定义 |
推荐 | 增加了以下属性:scoped 。 |
Document Object Model (DOM) Level 2 HTML Specification HTMLStyleElement 的定义 |
已过时 | 增加了第二个继承,LinkStyle 接口。 |
Document Object Model (DOM) Level 1 Specification HTMLStyleElement 的定义 |
已过时 | 初始定义 |
桌面浏览器兼容性
特性 | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
基础支持 | 支持 | 支持 | 支持 | 支持 | 支持 | 支持 |
media |
支持 | 支持 | 支持 | 支持 | 支持 | 支持 |
type |
支持 | 支持 | 支持 | 支持 | 支持 | 支持 |
disabled |
支持 | 支持 | 支持 | 支持 | 支持 | 支持 |
sheet |
支持 | 支持 | 支持 | 支持 | 支持 | 支持 |
scoped |
19 — 35 | 不支持 |
551 21 — 55 |
不支持 | 不支持 | 不支持 |
移动浏览器兼容性
特性 | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
基础支持 | 支持 | 支持 | 支持 | 支持 | 未知 | 支持 | 支持 |
media |
支持 | 支持 | 支持 | 支持 | 未知 | 支持 | 支持 |
type |
支持 | 支持 | 支持 | 支持 | 未知 | 支持 | 支持 |
disabled |
支持 | 支持 | 支持 | 支持 | 未知 | 支持 | 支持 |
sheet |
支持 | 支持 | 支持 | 支持 | 未知 | 支持 | 支持 |
scoped |
不支持 | 不支持 | 不支持 |
551 21 — 55 |
未知 | 不支持 | 不支持 |
1. 该属性通过 pref 隐藏了,因为没有其他浏览器支持它(查看 bug 1291515)。
相关链接
- 实现该接口的 HTML 元素:
<style>
。