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 | 31 |
Tags
- 스파르타코딩클럽
- classname
- appendChild
- padStart
- 올바른괄호
- JOIN
- getMinutes
- 시간보여주기
- node.js
- Database
- JavaScript#조건문#conditional
- padEnd
- MySQL
- localstorage
- javascropt
- 스택큐
- 백준3052번
- dateobject
- sanitize-html
- gethours
- Login
- LEFTJOIN
- java기초
- JavaScript
- 자바스크립트
- 웹개발종합반
- classList
- function
- SQL
- 프로그래머스
Archives
- Today
- Total
목록classname (1)
just do it
클릭할때마다 h1의 text가 파란색, 토마토색 으로 번갈아 가며 변하는 위 코드를 의도를 알기쉽게 변경 하지만 위코드도 보완할 점이 있는것이 h1.style.color=newcolor; 코드와 같이 css 가 아닌 js에서style을 변경하고 있다는 점임 위 코드를 CSS와 상호작용하는 JS코드로 변경 h1.className 은 getter이자 setter임 즉 console.log로 h1.className을 출력하면 처음엔 아무것도 없고 className입력시 생겨(처음 값 파란색이었다가 클래스네임 active로 생기면 토마토색) 클래스네임 액티브이면 클래스네임 없애 그러면 위에 css에서 설정한 h1디폴트값 파란색 클래스네임 없으면(파란색) 클래스네임 엑티브로 해줌(토마토색) css아래와 같이도 가..
언어&프레임워크/JavaScript
2022. 9. 25. 07:53