JavaScript Error 참조 가이드 JavaScript Boolean 객체

JavaScript CSS 스타일 선언 객체

1
var output = document.getElementById("result");
function myFunc1() {
　　　var styleObj = heading.style;
　　　output.innerHTML = styleObj.cssText;
}
function myFunc2() {
　　　var prop = window.getComputedStyle(heading, null).getPropertyValue("color");
　　　output.innerHTML = prop;
}

테스트를 해보세요‹/›

HTMLElement.style단일 요소의 인라인 스타일을 처리합니다.

window.getComputedStyle()CSSStyleDeclaration 객체를 읽み쓰기 접근 방식으로 공개합니다.

CSSStyleDeclaration 객체 속성

아래 표는 CSSStyleDeclaration 객체의 속성을 나열합니다:

속성	설명
cssText	CSS 선언 블록의 텍스트 표현형을 설정하거나 반환합니다
length	CSS 선언 블록 내의 스타일 선언 수를 반환합니다
parentRule	스타일 블록의 부모 CSS 규칙을 반환합니다

CSSStyleDeclaration 객체 메서드

아래 표는 CSSStyleDeclaration 객체의 메서드를 나열합니다:

메서드	설명
getPropertyPriority()	지정된 CSS 속성이 '!important' 규칙 집합을 가지고 있는지 여부를 반환합니다
getPropertyValue()	지정된 CSS 속성의 값을 반환합니다
item()	인덱스를 통해 CSS 선언 블록에서 CSS 속성 이름을 반환합니다
removeProperty()	CSS 선언 블록에서 CSS 속성을 제거합니다
setProperty()	CSS 선언 블록에서 새로운 또는 기존 CSS 속성을 설정하거나 수정합니다

JavaScript Error 참조 가이드 JavaScript Boolean 객체