2020/08/13 부트캠프 14일차

DOM

append: 여러개의 자식노드를 가질수 있다
.prepend():()안의 값이 .앞의 값 앞에 추가 된다.
appendchild: 한가지의 자식만 가질수 있다.

querySelector: 제일 첫번째값을 가져옴
querySelectorAll: 전체값을 가져옴

.textContent()
.classList.add(): class를 추가
.setAttribute()는 선택한 요소(element)의 속성(attribute) 값을 정합니다.

실시간 시간을 사용하고 싶을 때 쓰는 메소드

new Date()
getHours()
getDay()
setTimeOut()

for...in vs. for...of

1. for...in
   객체를 순환한다. 배열을 순환시킬 경우 에러가 뜨는 것을 알 수 있다.

var obj = {
  a: 1,
  b: 2,
  c: 3
};

for (var key in obj) {
  console.log(key) // a, b, c
}

2. for...of
   배열을 순환한다

var arr = [1, 2, 3];

for (var element of arr) {
  console.log(element); // 1, 2, 3
}

*배열은 객체이기도 하기 때문에 for...in을 쓰더라도 같은 결과값을 얻을 수 있다.