개발하는 루루언니

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

컴퓨터 정보/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

'컴퓨터 정보 > javascript' 카테고리의 다른 글

javascript : 슬라이드 애니메이션 효과 주기  (0) 2022.11.30
javascript : forEach 사용하기  (0) 2022.11.30
노드조작하기 : textContent , innertext , innerHTML  (0) 2022.11.30
javascript : Spread Operator 배열, 문자열, 객체 등 반복 가능한 객체 (Iterable Object)를 개별 요소로 분리할 수 있습니다.  (0) 2022.11.28
javascript : apply = 배열의 값을 인자로 주고 싶을때 사용  (0) 2022.11.28
'컴퓨터 정보/javascript' Related Articles more