[Javascript] DOM API

document.getElementById("{id}");

• 주어진 문자열과 일치하는 id 속성을 가진 요소를 찾고, 이를 나타내는 Element 객체를 반환
• ID가 없는 요소에 접근하려면 Document.querySelector()를 사용
• 찾으려는 id가 없으면 null 반환

document.querySelector("{css selector}");

document.querySelectorAll("{css selector}");

getElementId + innerHTML

Node Type

• elements, text, comments 처럼 서로 다른 종류의 노드를 구별하는데 사용 가능

HTML Node 탐색

• text를 포함하여 탐색할 수 있음

  let divEl = documenlt.querySelector("div");
  divEl;

  divEl.firstChild;
  divEl.lastChild;

  divEl.childNodes;

  divEl.nextSibling;
  divEl.previousSibling;

HTML Element 검색

• text를 제외하고 검색

Node 생성과 추가

appendChild

document.createElement("div");
document.createTextNode("text");
element.appendChild();