목차
- getPropertyPriority() 예제 - !important 유무 반환
- getPropertyPriority() 정의
- getPropertyPriority() 구문
getPropertyPriority() 예제 - !important 유무 반환
<style>
#hz {color: red !important;}
</style>
<button onclick="homzzang()">클릭</button>
<div id="hz">홈짱닷컴 Homzzang.com</div>
<p id="demo"></p>
<script>
function homzzang() {
var declaration = document.styleSheets[0].cssRules[0].style; // [object CSSStyleDeclaration]
var priority = declaration.getPropertyPriority("color"); // important
document.getElementById('demo').innerHTML = priority;
}
</script>
결과보기
getPropertyPriority() 정의
지정 CSS 속성에 우선 적용 표시인 "!important" 문자열 있는지 여부 반환
1.
IE9 이상 주요 최신브라우저 지원.
2.
DOM 버전: CSS Object Model
getPropertyPriority() 구문
object.getPropertyPriority(propertyname)
[매개변수]
propertyname
필수. 체크할 속성명
[반환값]
- 지정 속성에 !important 문자열 존재 시, important 반환.
- 만약, 없으면, 빈 문자열 반환.