HTML 클래스 적극 활용하기
Element.classList
- classList속성은 웹 요소(Element)로부터 클래스 컬렉션을 반환하는 속성
- 관련 메소드
메서드 기능 사용 예 add 지정한 클래스 값 추가 add(”new_class”) remove 지정한 클래스 값 제거 remove(’old_class”) item 인덱스를 이용해 클래스 값 반환 item(1) toggle 클래스 값 토글링 toggle(’some_value”) contains 지정한 클래스 값 존재 여부 확인 contains(”is_contains”) replace 기존 클래스를 새 클래스로 대체 replace(”old”,”new”)
'프로그래밍 > JavaScript' 카테고리의 다른 글
[JavaScript - 18] 로컬 스토리지 (0) | 2024.03.31 |
---|---|
[JavaScript - 17] 빌트인 객체 (0) | 2024.03.31 |
[JavaScript -15] 배열 (0) | 2024.03.31 |
[JavaScript - 14] 빌트인 생성자와 타이머 메소드 (0) | 2024.03.31 |
[JavaScript - 13] 객체를 만드는 생성자 (0) | 2024.03.31 |
HTML 클래스 적극 활용하기
Element.classList
- classList속성은 웹 요소(Element)로부터 클래스 컬렉션을 반환하는 속성
- 관련 메소드
메서드 기능 사용 예 add 지정한 클래스 값 추가 add(”new_class”) remove 지정한 클래스 값 제거 remove(’old_class”) item 인덱스를 이용해 클래스 값 반환 item(1) toggle 클래스 값 토글링 toggle(’some_value”) contains 지정한 클래스 값 존재 여부 확인 contains(”is_contains”) replace 기존 클래스를 새 클래스로 대체 replace(”old”,”new”)
'프로그래밍 > JavaScript' 카테고리의 다른 글
[JavaScript - 18] 로컬 스토리지 (0) | 2024.03.31 |
---|---|
[JavaScript - 17] 빌트인 객체 (0) | 2024.03.31 |
[JavaScript -15] 배열 (0) | 2024.03.31 |
[JavaScript - 14] 빌트인 생성자와 타이머 메소드 (0) | 2024.03.31 |
[JavaScript - 13] 객체를 만드는 생성자 (0) | 2024.03.31 |