Document.prototype에 들어있음 즉 Document 라는 생성자의 prototype 에 들어있다
JSON의 경우에는 prototype에 들어있는 게 아님
.prototype써져있는 애들은 객체를 만들어서 호출해야함
예를들자면
const arr = [1,2,3,4]
이렇게 객체를 만들어야지 객체를 만든다 ? const arr = new Array();
arr.sort 이렇게 써줄 수 있음ㅇㅇ
prototype에 속해있는 함수는 객체를 통해 호출해야함
const 변수 = new Array( );
prototype에 있는 프로퍼티를 사용하려면 이렇게 객체를 통해 호출 해야함 변수.prototype(생략가능).sort 이런식으로
그런데 함수 소속의 프로퍼티는 객체를 통해 호출하지않고
Score.create 이라고 바로 호출해야함
객체 생성 안하고 값 받을 수 있다
문맥을 읽어보고 객체를 통해서 사용하는 건지 함수소속 프로퍼티인지 판단하면 됨
Syntax 같은 예시 보면 됨
HTMLCollection 객체다 라고 말함
queryselector는 못찾으면 null 반환
getElementsByClassName 같은 경우 못 찾아도 HTMLCollection 객체를 리턴한다
HTMLCollection, NodeList 의 경우 for in 문 사용 금지 Array.from으로 변환한 후 사용하면 되나?
list = document.querySelectorAll(".g2.g3.g1");
못찾으면 => 빈 NodeList 객체 반환한다.
innerHTML은 태그(
따위)도 포함해서 보여줌
textContent 태그를 제거한 후 순수한 컨텐트만 반환 해줌
getElement, querySelector는 못찾으면 null 값을 반환
자스의 여러가지 용도를 정의해둔 객체를 Symbol이라고 부름
Symbol.iterator
페이지 소스보기는 최초로 들고온 애 보여줌 그래서 변경된 경우 개발자 도구 열어서 확인해야함
hi.innerHTML = "제목입니다"
부모밑에 자식 태그를 추가할 때는 appendChild 쓰면 된다
화면을 바꾸고 싶으면 태그를 바꿔라ㅇㅇ
HTMLCollection 이랑 NodeList 차이
getElement~등과 같은 문법의 경우 HTMLCollection 반환하는데 이는 Live객체이다
querySelectorAll 의 경우 NodeList 를 반환하는데 non-Live 객체를 반환한다.
instanceof 연산자 우변에 있는 애가 부모다