JavaScript style css 변경

자바스크립트에서 스타일 변경하기

var id = document.getElementById("id값");
id.style.color="blue";

id값을 설정해서 id의 색깔을 파란색으로 바꿔준다.

 

제이쿼리로 css변경하기

<p type="text" id="id">태그예시<p>

$("#id").css('color','blue');

html의 id 값을 넣고 제이쿼리를 이용하여 색깔을 파란색으로 바꿔준다

 

css는 정해진 color값만 변경되는 느낌인데

자바스크립트로 바꾸면 나머지 스타일이 다 지워지고 (글꼴, 폰트 이런거) 색만 파란색으로 되는느낌