티스토리 뷰
className 속성
무언가를 대입하면 클래스 문자열 전체가 바뀐다.
classList 메서드
- add: class 추가
- remove: class 제거
- toggle: class가 존재할 경우 class를 제거하고, 그렇지 않으면 추가
- contains: class 존재 여부에 따라 true / fasle를 반환
*메서드의 값은 "문자열"이다.
* node.contains와 classList.contains는 다르다.
예제
<div id='div'></div>
div.className = 'test';
//className은 개별로 수정이 안됨.
div.className = 'page menu';
div.classList.add('add');
div.classList.remove('add');
div.classList.toggle('toggle');
div.classList.contains('toggle'); //true 또는 false 반환
[공부 좌표]
'이론 > JS' 카테고리의 다른 글
[JS] 화살표 함수 (0) | 2021.02.19 |
---|---|
[JS] 배열을 추가, 교체, 삭제 하는 방법 - Array.prototype.splice() (0) | 2021.02.19 |
[JS] this, event.currentTarget, event.target의 차이 (0) | 2021.02.18 |
[JS] 버블링, 캡처링 (0) | 2021.02.18 |
[JS] 생성자 함수와 class의 차이 (0) | 2021.02.12 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 부등 연산자
- 객체의 프로퍼티
- 프로퍼티
- 일치 연산자
- 링크막기 #a링크막기
- 점 표기법
- innerHeight
- property
- javascript class
- clinetTop
- offsetTop
- scrollHeight
- 동등 연산자
- offsetHeight
- prototype 프로퍼티
- clientHeight
- @font-face
- 불일치 연산자
- [[Prototype]]
- outerHeight
- __proto__
- scrollTop
- 동치 연산자
- constructor
- 대괄포 표기법
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함