inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

돔 생성/추가 관련 질문

279

루룸

작성한 질문수 16

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개 추가됨

javascript

답변 1

0

제로초(조현영)

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

자바스크립트 입문 강의 재생 안됨

0

102

2

쿵쿵따 조건문 질문입니다.

0

87

2

렛츠가릿 자바스트립트와 공유가 되나요

0

91

1

수강을 하기 전 공부순서에 관한 질문이 있습니다.

1

113

2

안녕하세요

0

111

2

1~45 필터링하는 코드에서 find대신 some써주는게 나을거같습니다.

1

83

2

고차 함수 작성법과 수업 진도 관련한 질문

0

98

3

break와 continue 9:55 내 continue 구문 질문

0

163

2

옵셔널 체이닝 적당한 깊이는 어느 정도인가요?

0

128

2

로또 추첨기 중 입력값을 검사할 때

0

153

2

2-14.else,else if,switch 관련 질문입니다.

0

121

2

가위바위보 이미지(rsp.png)가 안보여요

0

276

3

Math.random() 에 9을 곱하는 이유

0

184

4

클로저 관련해서 질문있습니다.

1

198

2

유튜브 댓글 보고 왔습니다!- 퀴즈 중복된 숫자 검사 for 문

0

251

1

event.target.textContent관련 질문

0

288

2

객체 참조 관련 질문

0

190

1

-2+ -2 = -4 음수 더하기 음수 - 셀프체크 계산기

0

500

1

별찍기 마름모 문제입니다.

0

363

2

숙제 질문

0

229

1

5강 async/await으로 가독성 높이기에서

0

242

1

야구게임 관련 질문입니다

0

194

1

쿵쿵따, 계산기에서 변수 선언

0

186

1

지뢰 힌트 사라짐(대괄호)

0

174

1