Yejin's Growing

  • HOME
  • GitHub
  • TAGs

💡 프론트엔드/Javascript 2

바닐라 Javascript로 Router 기능 만들기

보호되어 있는 글입니다.

💡 프론트엔드/Javascript 2023.03.04

[Javascript] className, classList, 그리고 toggle!

자바스크립트에서 style를 바꾸고 싶을 때 바로. style로 변경해도 되지만, 코드도 길어지고 무엇보다 JS파일에서 CSS를 쓰고 있다는 게 마음에 걸린다. 이럴 때는 미리 css 파일에 변경해둘 스타일을 지정된 이름으로 선언해두고 자바스크립트에서 class를 변경만 해주면 된다! 1. className className은 HTML에서 불러온 Element의 class 이름을 css에서 지정한 선택자 이름으로 변경한다. Element를 가져오는 것은 document.getElementsByClassName이나 querySelector로 가져온다. // Javascript function changeStyle() { 가져온Element.className = "변경할 이름"; } // CSS .변경할 이..

💡 프론트엔드/Javascript 2022.12.23
이전
1
다음
더보기
프로필사진

study... study...

방문자수Total

  • Today :
  • Yesterday :
  • 분류 전체보기 (38)
    • ✏️ 기록 (7)
      • 취준생활 (4)
      • 일상 (1)
    • 💿 데이터베이스 (2)
      • RocksDB (1)
    • 💡 프론트엔드 (6)
      • Javascript (2)
      • HTML & CSS (0)
    • 💻 백엔드 (1)
      • Flask (1)
    • 📂 프로그래밍 (2)
      • Python (2)
    • 🖤 Algorithm (16)
      • CodeUp : C언어 기초 100제 (14)
      • 프로그래머스 (2)
    • 🏸 정보 (4)
      • Git (1)
      • Linux (1)
      • 기타 (2)

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Tag

사이트모음, react.js, 가상환경, 먹거리기록, 프리온보딩, brackets, 과제테스트, Rocksdb, 원티드, 백준, 프론트엔드, 과제도움, 리액트, 프로그래머스, 코드업기초100제, 데브매칭, 플라스크, 해설, 파이썬, db_bench,

Calendar

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

Copyright © Kakao Corp. All rights reserved.

  • Github

티스토리툴바