현재 js파일에서 dom조작해보기
- HTML 아래태그 조회해서 변수에 넣어보자
<HTML>파일
<div id="invalid-message"></div>
<Javascript>파일
const elErrorMessage = document.querySelector('#invalid-message'); 이제 elErrorMessage라는 변수에 넣은 html의 #invalid-message를 사용할 수 있다.
- 변수로 가져온 HTML 속성을 class를 지정하자
elErrorMessage.classList.add('show');
// <div id="invalid-message" class = "show"></div>완성!- 변수로 가져온 HTML 속성의 내용 추가하자
elErrorMessage.textContent = message;
//<div id="invalid-message" class = "show"> message;</div>
javascript 공부하는 sumiindaeyo