Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 |
Tags
- sass
- JavaScript
- column-gap
- 코딩일기
- 가상클래스
- row-gap
- frontend
- regexp
- vscode
- 코드다이어리
- js
- HTML
- 코드일기
- scss
- 친해지기
- 정규식표현
- CSS
- display
- CLASS
- Pseudo
- tailwindcss
- 코딩퀴즈
- 선택자
- 코딩문제
- DOM
- property
- Coda
- 코딩테스트
- Grid
Archives
- Today
- Total
목록2024/06/04 (1)
< Code diaries />
Javascript 로 CSS 속성 가져오기, 수정하기
오늘은 javascript에서 css 속성을 어떻게 다루는지,어떤 명령어들이 있는지 한 번 정리해 보려고 해요.궁금하신 점은 답글에 남겨주세요 Hello World 1. style 속성을 이용하여 태그의 css를 변경하기h1.style.backgroundColor = 'tomato';h1.style.fontSize = '12px';h1.style.border = '1px solid olive';String 형식으로 들어갈 때에 따옴표안에 세미콜론(;)을 적지 않도록 주의하자. 2. Multiple CSS 지정하기A. cssText 속성을 이용하여 여러 css를 한번에 수정하기.h1.style.cssText = 'font-size:20px; color:blue'; B. Object.assign() 이용하..
Javascript-DOM/03 - CSS 다루기
2024. 6. 4. 08:50