[JavaScript] 자바스크립트에서 스타일 확인하기

153_자바스크립트에서 스타일 확인하기 [적용] 요소에 적용한 스타일을 확인하고 싶을 때 [문법] 속성 의미 반환 getComputedStyle. 속성 스타일 값 가져오기 문자열 [내용] getComputedStyle()을 사용해 스타일 정보를 가져올 수 있다.각 스타일 설정에 따라 최종적으로 계산된 값을 가져온다. HTML index.html CSS style.css #box { width: 100px; height: 100px; } .red { background-color: #ff2bc2; } JavaScript main.js const box = document.querySelector('#box'); console.log(getComputedStyle(box).width); // width 값 ..

2022.07.12