TIL 25일차_DOM연습하기

DOM 연습하기

---

li 하나를 생성하는 과정

const root = document.getElementById("root");

const creatLi = function () {
  const li = document.createElement("li");
  const input = document.createElement("input");
  const span = document.createElement("span");
  input.type = "checkbox";
  span.textContent = "음식"; //li.textContent로 하면 input이 출력되지 않는다.

  li.appendChild(input);
  li.appendChild(span);
  root.appendChild(li);
  return li;
};

creatLi();

랜더링 화면

체크박스를 삽입하기위해서는
input 엘리먼트를 생선한 뒤에
input.type = 'checkbox'로 타입을 정해준다.