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
- 쌍방향 연결리스트
- Sort
- indexOf
- 배열의 내림차순
- classList.contains(string)
- filter()
- 등차수열의 항 찾기
- 고차함수
- 단방향 연결리스트
- Link
- visibility : hidden
- map()
- 인접 형제 선택자 결합
- 배열의 오름차순
- 일반 형제 선택자 결합
- 가상 요소 선택자
- display : none
- Em
- nth-child()
- 양방향 연결리스트
- disabled
- 배열과 연결리스트의 차이
- for..of
- Array.from()
- 백준알고리즘
- invalid assignment left-hand side
- 객체
- 범용 선택자
- innerhtml
- CSS
Archives
- Today
- Total
목록classList.contains(string) (1)
프론트엔드 센트럴파크 (☞゚ヮ゚)☞

classList.contains(string) 해당 요소의 클래스의 유무를 확인하여 true / false 로 구분 장바구니 책상 의자 노트북 필통 교과서 공책 장바구니라는 목록을 만들었는데 ul 목록을 이용하여 정렬 하였다. click이벤트를 적용하려 하는데 부모인 ul에 class="classN1" 을 지정하였다. classN1을 querySelector로 전부 지정을 하고 이름을 items로 하겠다. 그리고 items에 addEventListener를 이용하여 click 이벤트를 걸도록 하겠다. event의 속성에 대해 알아보기 위해 제일 처음 event의 dir을 알아보고 그 안에 target이 있다는 것을 알아냈다. 그리고 target 안에는 classList가 있다는 것을 알아냈다. 여기서 ..
Javascript
2022. 7. 23. 15:40