document

document 관련 methods

document.body.onload = addElement;

function addElement () {
  // create a new div element
  const newDiv = document.createElement("div");

  // and give it some content
  const newContent = document.createTextNode("Hi there and greetings!");

  // add the text node to the newly created div
  newDiv.appendChild(newContent);

  // add the newly created element and its content into the DOM
  const currentDiv = document.getElementById("div1");
  document.body.insertBefore(newDiv, currentDiv);
}

createElement : element 자체 ex) div, li, p
createTextNode : Text node
appendChild : 해당 element의 아래에 추가해주기
getElementById : id로 element의 id를 가져오기
insertBefore(a, b) : a element를 b element 앞에다가 추가해주기