자바스크립트에서 style속성의 css속성을 이용하여 적용할 수 있습니다.
구문은 조금 다릅니다.
css속성이 background-color 이면 자바스크립트에서는 하이픈(-) 빼고 캐멀케이스 형식인 backgroundColor 처럼작성합니다.
style속성으로 값을 반환 받을 때는 인라인 스타일 속성에 설정된 css 선언의 값만 반환합니다.
CSS의 계산된 값을 읽어 올때에는 window.getComputedStyle() 메서드를 사용해야 합니다.
| 속성 | 설명 |
|---|---|
| element.style | 요소의 스타일 특성을 설정하거나 반환합니다. |
| 메소드 | 설명 |
|---|---|
| element.focus() | 요소에 focus를 마춥니다. |
| element.blur() | 요소의 focus를 제거합니다. |