컴퓨터 정보/javascript

javascript : classList.add / remove를 사용해보자

혜닝혜루 2022. 11. 30. 12:30
728x90
반응형

classList.add

<style>
    .gg{
      color: red;
    }

  </style>
</head>
<body>
 
  <p id="title">text</p>
 
  <script>
    const pEl = document.getElementById("title")
    pEl.classList.add("gg")
    
  </script>

<p>태그 안에있는 text 를 빨강색으로 변경해보기

내가 pEl.classList.add("gg")를 하고 style에서 color:red 를 주었다.

 

변수 . classList.add ("사용할 클래스명 " ) 을해주면?

 

검사 창에 들어가면 text의 class="gg"라는걸 알 수있다.

 

 

 

class remove 

    pEl.classList.remove("gg")

add 와 반대로 remove를 하게되면 흔적만 남게된다.

 

728x90