[javaScript]스타일 속성 접근하기 인라인/내부/외부 스타일

 

<script>
    window.onload = function() {
        var sty = document.getElementById("styId");
        console.log("인라인 스타일 : ", sty.style.color);
        console.log("외부 스타일 : ", window.getComputedStyle(sty).border);
    }
</script>

    
<div id="styId" style="color:#f00">
    스타일 가져오기
</div>

 

실행결과

 

인라인 스타일 속성을 가져올 경우 style 속성을 이용하면 된다.

만약 내부 / 외부 스타일에 있는 스타일 속성을 가져올 경우에는 window.getComputedStyle 메서드를 이용해야 한다.