외부 css가 적용된 div와 li태그의 속성값을 변경해본다.
js 로 스타일 속성 변경
js는 한번에 하나씩의 속성값만이 변경가능하다.
테두리와 여백값이 변경되었다.
jQuery로 스타일 속성 변경
jQuery에서는 여러 속성값을 묶어서 한번에 변경가능하다.
글자크기와 테두리, 여백이 변경이 되었다.
버튼이 클릭되었을 때 fontSize에 1을 더하도록 해본다.
클릭 시마다 글씨의 크기가 증가되고 콘솔창에 fontsize값이 int값으로 나오도록 한다.
버튼을 열번 클릭하여 li태그 중 select클래스를 가진 li태그의
글자크기를 +10해주었다.
'Front-end > JavaScript' 카테고리의 다른 글
| [자바스크립트] 태그 속성 가져오기, 속성 변경하기, attr, data (0) | 2022.05.28 |
|---|---|
| [자바스크립트] 클래스 추가 제거하기, addClass, removeClass, toggleClass (0) | 2022.05.27 |
| [자바스크립트] css스타일 속성 표기법, 단위 생략 (0) | 2022.05.27 |
| [자바스크립트] js 스타일 접근, jQuery css 접근, 다중 접근, getComputedStyle, style, css (0) | 2022.05.27 |
| [자바스크립트] html, text 메소드의 차이, 노드 내용 변경하기 (0) | 2022.05.26 |