일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 계명대 이종호
- 자바스크립트 자료구조
- 스위프트
- 자바스크립트
- hokeys
- hokidoki
- TDD
- jest
- SWIFT
- 비동기
- HTML
- Svelte
- 계명대
- 개발자
- 호키도키
- IOS
- queue
- Hitit
- data structure
- 리액트 예제
- 자료구조
- 스벨트
- 리액트
- 이종호
- 힛잇
- 자스민
- javascript
- react
- 개발
- 호키스
Archives
- Today
- Total
목록클릭시 클래스 변경 (1)
Dog foot print
[javascript] 아주 간단한 class toggle 만들기
제이쿼리를 사용하면 toggleclass 나 addClass , removeClass 등 스타일링을 간단하게 변환할 수 있지만 바닐라 js에서는 document객체 를 이용해 className을 스트링으로 제어해야 한다. 해당 헤드에 대한 html 과 css 정보는 https://hokeydokey.tistory.com/33 이 링크에서 받을 수 있다. span 추가하기 jasmin 이 div안에 있는데 우리가 기대하는건 logo를 클릭했을때 컬러의 색상이 변경해야 함으로 logo를 span으로 감싸준다. 로직 구상 하기 span 태그를 건들면 해당 로고의 색상이 변경되어야 한다. 그럼 우리가 필요한 것들은 document.getElementById()로 해당 요소를 가져온다음 onclick 이벤트로 해..
Javascript
2019. 7. 9. 21:28