03/17-1

CSS에 작성한 class를 js를 이용해 불러 올 수도 있다. -classList

객체명.classList.add(추가) 또는 remove(제거) 또는 toggle(on/off반복)("class명");

이벤트 객체의 속성과 함수에 대한 설명

객체명.addEventListner("이벤트이름",함수명);
function 함수명(e){
e.target : 객체명에 해당하는 태그 자식 태그를 말함
함수식;
}

예를 들어

<div class="abc">
<p></p>
</div>

let abc=document.querySelector("#abc")
abc.addEventListener("click",value);
function value(e){
e.target.sytle.color="red";
}

라고 짠 경우 클릭했을 때 value라는 함수가 발생하는데
e.target은 abc가 class이름이 abc인 태그(div)이고, 그 자식인 p 태그의 style의 글자색을 빨간색으로 변경한다는 의미가 된다.