32.DOM Assignment

function assignment() {
  let a = document.createElement("p")
  let b = document.getElementByClassName("h1-title");
  
  a.className = 'dom';
  a.innterHTML = "DOM";
  b.appendChild(a);
}

풀이
1. P 태그를 생성하기

  • 힌트에 createElement가 주어졌지만 단순히 createElement("p")만 실행해서는 안된다는 생각이 들었다
  • 그렇다면 변수에 선언해주자!
  1. a가 가지고 있는 값이 p태그이므로 a에 dom이라는 클래스 이름을 주었다
  2. innerHTML을 사용하여 a에 텍스트를 넣어주었다
  3. 추가하고자 하는 요소는 h1이기에 h1에 주어진 클래스이름으로 가져와 a를 추가하였다.
  • Node.appendChild() 메소드는 한 노드를 특정 부모 노드의 자식 노드 리스트 중 마지막 자식으로 붙입니다

좋은 웹페이지 즐겨찾기