html parent 属性,CSSStyleDeclaration parentRule 属性

CSSStyleDeclaration parentRule 属性

parentRule 属性返回 CSSRule 对象，包含 CSS 声明的样式和选择器。

浏览器支持

目前主要浏览器都支持parentRule 属性。

语法

返回 parentRule 属性：

object.parentRule

技术细节

返回值:    CSSRule 对象

DOM 版本:    CSS Object Model

实例

返回 CSS 声明的样式和 CSS 选择器:

html>

xinbiancheng.cn

h4 {

color: red;

font‐size: 20px;

}

function myFunction() {

var s = document.styleSheets[0].rules[0].style;

var ruleObj = s.parentRule;

document.querySelector("#demo").innerHTML = ruleObj.cssText;

}

parentRule 属性

parentRule 属性返回 CSSRule 对象，包含 CSS 选择器及声明的样式。 

显示 CSS 样式

输出：

parentRule 属性

parentRule 属性返回 CSSRule 对象，包含 CSS 选择器及声明的样式。

显示 CSS 样式