라몽(●'◡'●)디자이너
Home
  • 분류 전체보기 (61)
    • 디자인 (1)
      • 실무 (0)
      • 공부 (0)
    • UIUX분석 (0)
    • 코딩스터디 (60)
      • Markup (0)
      • CSS (12)
      • Javascript (28)
      • jQuery (11)
      • .etc (7)
      • wordpress (2)
      • PHP (0)
Home
  • 분류 전체보기 (61)
    • 디자인 (1)
      • 실무 (0)
      • 공부 (0)
    • UIUX분석 (0)
    • 코딩스터디 (60)
      • Markup (0)
      • CSS (12)
      • Javascript (28)
      • jQuery (11)
      • .etc (7)
      • wordpress (2)
      • PHP (0)
블로그 내 검색

라몽(●'◡'●)디자이너

코딩/웹디자인에 대한 정보를 다룹니다.

  • 코딩스터디/Javascript

    자바스크립트 ClassList

    2021. 6. 30.

    by. 라몽(●'◡'●)디자이너

     

    *선택자.classList.add('추가할 객체');

    -> addClass처럼 class값을 추가 할 수 있다.

     

     

    *선택자.classList.Name = '추가할 객체';

    -> 마찬가지로 class값을 추가하지만 기존에 있던 class값을 삭제한다.

     

     

    *선택자.classList.remove('삭제할 객체');

    -> class를 삭제할 수 있음

     

     

    *선택자.classList.toggle('추가 혹은 삭제할 객체');

    -> class를 추가 혹은 삭제할 때 사용(추가되어있는 경우에는 삭제, 삭제되어있는 경우에는 추가)

    -> add+remove를 동시사용 가능하다.

     

     

    [블로그참고]

    https://blog.naver.com/dpqmstnqlsdl/221910895991

    자바스크립트 ClassList

    반응형

    '코딩스터디 > Javascript' 카테고리의 다른 글

    자바스크립트 오디오(audio) 객체  (0) 2021.06.30
    자바스크립트 생성자함수, 프로토타입을 활용한 객체지향 프로그래밍  (0) 2021.06.23
    자바스크립트 객체, 속성, 메서드, 프로토타입, 인스턴스 ,생성자 함수 뜻  (0) 2021.06.22
    자바스크립트 입문) 배열, 객체  (0) 2021.06.21
    new Date 사용해 현재 날짜, 연, 월, 시, 분, 초, 요일 확인  (0) 2021.06.15

    댓글

    관련글

    • 자바스크립트 오디오(audio) 객체 2021.06.30
    • 자바스크립트 생성자함수, 프로토타입을 활용한 객체지향 프로그래밍 2021.06.23
    • 자바스크립트 객체, 속성, 메서드, 프로토타입, 인스턴스 ,생성자 함수 뜻 2021.06.22
    • 자바스크립트 입문) 배열, 객체 2021.06.21
    맨 위로
전체 글 보기
  • GitHub
Tistory 로그인
Tistory 로그아웃
로그아웃 글쓰기 관리

Today

Total

Powered by ⓒ Kakao Corp.

블로그 이미지
라몽(●'◡'●)디자이너

티스토리툴바