인프런 커뮤니티 질문&답변

안녕하세요 제로초님
돔 생성/추가 관련 질문이 있는데요

아래 코드처럼 appendChild를 3번 썼는데 p태그가 왜 하나만 추가되는걸까요?
중간중간 createElement로 다시 선언해주어야 원하는대로 추가되더라구요
createElement로 다시 생성해도 어차피 동일한 p태그가 할당될텐데
이 부분이 이해가 가지 않습니다.

var pElem = document.createElement('p');
targetElemet.appendChild(pElem);
targetElemet.appendChild(pElem);
targetElemet.appendChild(pElem);
// pElem가 1개만 추가됨

var pElem = document.createElement('p');
targetElemet.appendChild(pElem);
var pElem = document.createElement('p');
targetElemet.appendChild(pElem);
var pElem = document.createElement('p');
targetElemet.appendChild(pElem);
// pElem가 3개 추가됨