xxx.querySelector("#intro"); // 1개의태그를css선택자기반으로가져온다.
xxx.querySelectorAll("a"); // 여러개의태그를css선택자기반으로가져온다.
xxx.getAttribute("href"); //특정태그가갖고있는속성의속성값을가져온다.
window.scrollTo({'behavior': 'smooth','top':xxx.offsetTo});
//특정영역의 상단에 부드럽게 스크롤이 이동하도록 한다.
setInterval() 매서드
setInteval(()=>{
alert("안녕");
},3000);
//지정된시간마다 한번씩 함수가 호출되도록 함
3초에 한번씩 안녕이라는 알림이 뜰것이다.
setTimeout() 매서드
setTimeout(() => console.log("2초 후에 실행됨"), 2000);
//지정된시간이후에 함수가 호출됨
animate() 매서드
.animate( properties [, duration] [, easing] [, complete] )
//properties 움직임을 만들어 낼수 있는 CSS 속성들
//easing 움직임에 변화를 줄 수 있는 함수
클래스 추가 제거 매서드
xxx.classList.remove(클래스명)//요소에서특정클래스제거
xxx.classList.add(클래스명)//요소에클래스명추가
요소선택 매서드
xxx.previousElementSibling;// 이전요소선택
xxx.nextElementSibling; // 다음요소선택
xxx.parentElement; // 부모요소선택
xxx.firstElementChild; // 첫번째자식요소선택
xxx.lastElementChild; // 마번째자식요소선택