className을 주면 css가 반영이되는데..

21.07.09 10:09 작성 조회수 185

<style>
 .border-green {
        border:2px solid green;
   }
<style>
 if(text1.value == "green"){
                text1.className = "border-green";

className을 줬을때 css가 왜 반영이 되는지 이해가 가지 않아서요

답변 부탁드립니다.

자바스크립트 제대로 배워볼래?

HTML 스타일 컨트롤

강의실 바로가기

답변 1

답변을 작성해보세요.

개발자의 품격

2021.07.11

CSS를 반영할 수 있는 선택자는 여러가지가 있습니다. 그 중에 가장 많이 사용하는 방법이 클래스명을 이용해서 반영하는 방법이고, 클래스명을 사용할 경우 자바스크립트에서 className 속성을 이용해서 클래스를 바인딩 처리 할 수 있습니다.