DOM API - html style

css에서 style 속성은 -으로 연결되지만, javascript에서는 camelCase를 사용합니다.

element.style

element.style 명령을 사용하게 되면 html 요소에 inline 속성으로 style을 적용한다.

element.style.cssText = '';

복수의 style 속성을 정의할 경우 element.style.cssText = '';로 작성한다. 개행을 하고 싶다면 줄 끝에 \를 넣자.

이 외에 style값을 조작하고 싶다면

getAttribute('style'), setAttribute(), removeAttribute() 등이 있다.

단, float는 이미 javaScript에 있으므로 cssFloat를 사용하면 된다.

근데 이렇게 가져온 style값은 inline 속성이어야만 가져올 수 있기 때문에,

css 파일을 따로 작성해서 만드는 경우 값을 가져올 수가 없다.

값을 가져오게 하겠다고 다 inline으로 적을 순 없으니;;

getComputedStyle(요소노드[, 가상요소]) (IE 9+)를 사용해보자.

최종 계산된 스타일 설정 값을 가져올 수 있다.

window.getComputedStyle($0).getPropertyValue('font-size')

window.getComputedStyle($0)['font-size']

window.getComputedStyle($0).fontSize