문서 객체 모델

문서 객체 선택 방법

-> 여러 개를 선택하는 방법으로 각 문서 객체를 선택할 때는 반복문으로 순회를 하며 하나하나 선택해야 한다.

알고 있으면 좋을 것

• toLocaleString : 천 단위로 콤마(,) 찍기

  input 창에 입력되는 값을 typeof로 찍어보면 다 string이 나온다. (심지어 input type이 number일 때도) - 그 이유는 사용자가 입력하는 데이터는 모두 텍스트로 인식되어 문자열로 저장하기 때문
  하지만 숫자로 입력된 값에 isNan을 적용하면 자동적으로 형변환이 되어 숫자로 입력된 값을 걸러내지 않는다!

• append와 appendchild의 공통점과 차이점 :
  먼저 공통점은 둘 다 부모 요소 밑에 자식 요소를 생성하는 것!
  차이점은 appendchild는 하나의 자식 요소만 생성 가능하지만 append는 여러 개의 자식 요소들을 생성할 수 있다.

• includes 메소드 : 문자열을 비교해서 하나라도 포함되어 있으면 true

if (text === "" || li[i].innerText.includes(text)) {
            li[i].style.display = "block";
          } else {
            li[i].style.display = "none";
          }

이런식으로 사용하면 text 문자열이 li[i].innerText에 한 문자라도 포함되어 있으면 해당 리스트를 보여주게 하는 코드

• 날짜 객체

let today = new Date(); //현재 날짜 가져오기
getTime() //날짜가 밀리초로 환산됨
//나누기 1000은 초, 나누기(1000*60)은 분, 나누기(1000*60*60)은 시간, 나누기(1000*60*60*24)는 날!