[JavaScript - 16] HTML클래스 적극 활용하기

2024. 3. 31. 23:21· 프로그래밍/JavaScript
목차
  1. HTML 클래스 적극 활용하기
  2. Element.classList

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
  1. HTML 클래스 적극 활용하기
  2. Element.classList
'프로그래밍/JavaScript' 카테고리의 다른 글
  • [JavaScript - 18] 로컬 스토리지
  • [JavaScript - 17] 빌트인 객체
  • [JavaScript -15] 배열
  • [JavaScript - 14] 빌트인 생성자와 타이머 메소드
나무늘보Programmer
나무늘보Programmer
게으른 개발자가 공부하고 성장하는 과정을 기록하는 블로그 입니다.
나무늘보Programmer
게으른 개발자의 개발일기
나무늘보Programmer
전체
오늘
어제
  • 분류 전체보기 (71)
    • 수학 (0)
      • 확률과 통계 (0)
    • Computer Science(CS) (8)
      • 혼자 공부하는 컴퓨터 구조 + 운영체제 (1)
      • Network (0)
    • 프로그래밍 (57)
      • Python (8)
      • Java (1)
      • C++ (0)
      • HTML (13)
      • CSS (13)
      • JavaScript (19)
      • DB (1)
      • Spring (1)
    • 머신러닝&딥러닝 (0)
      • Computer Science(CS) (0)
      • 인공지능 (0)
      • Paper Review (0)
    • BootCamp(OZ Coding School) (3)
    • TroubleShooting (1)
    • SandBox (0)
    • Project (2)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
나무늘보Programmer
[JavaScript - 16] HTML클래스 적극 활용하기
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.