본문 바로가기
JavsScript

클래스로 불러오기

by applejune 2022. 10. 29.

클래스로 불러오기 

 

css 로 가서 클래스를 넣은 후

 

.special {
        background : pink;
       }

 

클래스를 불러온다.

 

var link =document.querySelector('.girl a');
link.className='special';
 

구글에 핑크 백그라운드가 적용되었다.

 

2. 요즘은 link.className(덧붙이기가 안 된다는 이유) 보다는 link.classList.add 를 더 많이 쓴다. 필요한 것을 추가해서 쓸 수 있기 때문이다. 

 

css에 추가한 스타일

 .link-google {
        color:red;
       }

스크립트에서

var link =document.querySelector('.girl a');
link.classList.add('special');

넣어주었다. 

뺨!

3. 없애기도 가능하다. 2초 후에 없애기 

 

4. 불리언으로 트루 폴스 판별