🤍 전 강의 25% 할인 중 🤍

2024년 상반기를 돌아보고 하반기에도 함께 성장해요!
인프런이 준비한 25% 할인 받으러 가기 >>

  • 카테고리

    질문 & 답변
  • 세부 분야

    프로그래밍 언어

  • 해결 여부

    미해결

돔 생성/추가 관련 질문

23.01.12 17:12 작성 23.01.12 17:13 수정 조회수 175

0

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

아래 코드처럼 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개 추가됨

답변 1

답변을 작성해보세요.

0

매 번 생성을 해서 추가해야 새로운 태그가 생기지, 이미 추가한 태그를 또 추가해봤자 추가되지 않습니다.

채널톡 아이콘