TAG
CSS
JavaScript
Result
Run
License
<h1 id="title"> The parentRule Property </h1> <button type="button" id="btn-get">GET</button> <p></p>
#title { color: #0000FF; font-weight: normal; } #btn-get { font-size: 18px; }
window.addEventListener("load", function() { document.querySelector("#btn-get").onclick = function() { // 웹 문서의 두번째 스타일시트로부터 첫번째 rule의 CSSStyleDeclaration 객체를 준비 var style = document.styleSheets[1].rules[0].style; // 선택자와 포함된 모든 정의된 속성을 갖는 CSSRule 객체를 참조 var cssRuleObj = style.parentRule; // 텍스트를 출력 document.querySelector("p").textContent = cssRuleObj.cssText; }; });
Console
expand_less
License
License
by DevDic
Close