[javascript] 12-10 p.w.js.part4 Creating Elements

2021-12-10

아래 두 가지 예제 코드의 차이점을 분별해보세요.

const something = document.createElement("p");

for (let i = 0; i < 5; i++) {
    something.textContent = i;
    document.body.appendChild(something);
}

-> “01234”라는 문자열을 가진 p 엘리먼트 하나만 출력됌 (X) - 이렇게 생각했는뎀 something.textContent += i; 가 아니라 = 재할당이니깐 틀렸음 -> “4”라는 문자열을 가진 p 엘리먼트 하나만 출력됌

for (let i = 0; i < 5; i++) {
  const something = document.createElement("p");
  something.textContent = i;
  document.body.appendChild(something);
}

-> 0~4까지 각 숫자를 담은 p 엘리먼트 4개가 출력됌. (O)