• Q&A
  • 회원가입
  • 로그인

[CSS_Objects] JS - parentRule 속성 - CSS 선택자 및 선언내용 반환 (IE9)

445  

parentRule 예제

 

<style>

h1 {color: red;font-size: 50px;}

</style>


<script>

function homzzang() {

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

  var ruleObj = s.parentRule; // [object CSSStyleRule]

  var css = ruleObj.cssText; // h1 { color: red; font-size: 50px; }

document.getElementById("demo").innerHTML = css;

}

</script> 


<h1>홈짱닷컴 Homzzang.com</h1>


<button onclick="homzzang()">클릭</button>


<p id="demo"></p> 

 

결과보기

 

 

parentRule 정의

 

CSS 규칙 집합 (선택자 및 선언 블록) 나타내는 CSSRule 객체 반환. 

 


 

1.

IE9 이상 주요 최신브라우저 지원.

 

2.

DOM 버전: CSS Object Model

 

 

 

parentRule 구문

 

object.parentRule 

 


 

[반환값]

 

CSSRule 객체

 



찾아주셔서 감사합니다. Since 2012