지식루프

  • 홈
  • 태그
  • 방명록

classList 1

[지식루프 IT공부] classList란?

🔍 classList란?classList는 JavaScript에서 HTML 요소의 클래스를 조작할 수 있도록 해주는 속성입니다.즉, HTML 요소의 class 속성을 쉽게 추가, 제거, 토글할 수 있도록 해주는 객체입니다.📌 classList의 주요 메서드 이걸 왜 쓰는 것일까?  CSS에 미리 특정 상황이 되었을 때의 양식변화를 작성한 후, JS에서 클래스를 조건에 따라 추가했다가 삭제를 함으로써, 화면상의 이미지를 움직이게 하는 효과를 낼 수 있습니다.  아래는 마우스를 클릭함에 따라 깃발이 위로 올라갔다가 내려가게 하는 JS 예시입니다.  아래는 css 파일입니다.   이런식으로 하면 .up 상태가 될 때 이미지가 움직이고, 아닐 때에는 다시 원래자리로 복귀하여, 마우스 클릭시마다 깃발이 움직이..

IT공부 2025.03.13
이전
1
다음
더보기
반응형
프로필사진

지식루프

경제, 영어, 사회, IT, 직장생활 등 지식을 공유합니다.

250x250
  • 분류 전체보기 N
    • 직장, 자기계발
    • 사회이슈
    • 경제공부
    • 초보도 하는 주식 정복
    • MS office 관련 N
    • IT공부
    • front-end development N
    • 영어공부
    • 맥북, 아이폰, 아이패드
    • 상식, 인문학, 교양, 생활정보
    • 건강
    • 독서노트
    • English Posting
    • 성경 한구절
    • Daily Log
    • 블록체인_코인 공부
    • 나의 인생찬양

Tag

기업분석, 커피한잔뉴스레터, 지식루프영어, 맥북, 건강, 주가전망, HTML, CSS, 주식, 직장인일병구하기, 윤석열, 이재명, 트럼프, 암호화폐, 영어공부, react, 지식루프, 코인, 자바스크립트, 직일구,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/02   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바