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