Vue에서 style 속성 데이터바인딩 하는 법

보호되어 있는 글입니다.

2023.06.21

JavaScript 문서 객체 조작

문서 객체의 스타일 조작 JavaScript에서 style 속성을 이용하여 문서 객체의 CSS의 속성을 제어할 수 있습니다. CSS에서 여러 단어로 이뤄진 속성은 - 로 구분되어 있었는데 (ex. font-size), JavaScript에서는 - (빼기로 인식) 를 사용하지 않고 다음 단어를 대문자로 사용하는 카멜표기법(Camel Case)으로 구분됩니다. (ex. fontSize) ['속성'] 대괄호를 사용하여 표기할 경우는 - 사용 가능합니다. 태그.style.속성='값'; 태그.stlye['속성'] = '값'; //문서 객체의 스타일 조작 window.onload = function(){ var header = document.getElementById('header'); header.style.b..

2021.12.03