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
- classList
- 백준3052번
- LEFTJOIN
- 스파르타코딩클럽
- 프로그래머스
- 올바른괄호
- 웹개발종합반
- localstorage
- gethours
- 시간보여주기
- javascropt
- JavaScript
- 스택큐
- classname
- node.js
- MySQL
- getMinutes
- appendChild
- JOIN
- padStart
- dateobject
- function
- JavaScript#조건문#conditional
- Login
- sanitize-html
- java기초
- 자바스크립트
- SQL
- padEnd
- Database
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