style프로퍼티는 style속성과 매핑되어있기 때문에 요소노드가 class속성으로 스타일이 설정되었을때는 style프로퍼티로 스타일값을 알 수 가 없다.
<head>
<style> body { color: red; margin: 5px } </style>
</head>
<body>
붉은 글씨
<script>
alert(document.body.style.color); // 빈 문자열
alert(document.body.style.marginTop); // 빈 문자열
</script>
</body><head>
<style> body { color: red; margin: 5px } </style>
</head>
<body>
<script>
let computedStyle = getComputedStyle(document.body);
// 이제 마진과 색 정보를 얻을 수 있습니다.
alert( computedStyle.marginTop ); // 5px
alert( computedStyle.color ); // rgb(255, 0, 0)
</script>
</body>자바스크립트는 getComputedStyle(element, [pseudo]) 메소드를 지원하여 요소노드의 스타일값을 가진 객체를 반환한다.
