배열의 반복은

Question

내가 당신 모두를위한 진짜 초보자 질문이 한 번에 appendChild 수행 루프는 한 번만 appendChild를 수행합니다. 모든 반복 작업을 수행하고 싶습니다. 나는 무엇이 없는가 ??

Answer 1

, 당신은 각 반복

var grabWrapper = document.querySelector('.footerInfo'); 
var myArray = grabWrapper.children; 

for (var i = 0; i < myArray.length; i++) { 
    var pNewTag = document.createElement('p'); 
    pNewTag.innerHTML = " this works "; 

    grabWrapper.children[i].appendChild(pNewTag); 
} 

Answer 2

는 여러 p -elements을 만들어야합니다 : 문서에 추가하기 전에 요소를 채우기 위해

var grabWrapper = document.querySelector('.footerInfo'); 
var myArray = grabWrapper.children; 

for (var i = 0; i < myArray.length; i++) { 
    var pNewTag = document.createElement('p'); 
    pNewTag.innerHTML = " this works "; 
    grabWrapper.children[i].appendChild(pNewTag); 
} 

시도합니다. 이렇게하면 브라우저가 문서를 두 번 리플 로우 할 필요가 없습니다. 당신은 단지 하나 개의 요소를 가지고 있고, 당신이 주위를 계속 이동하기 때문이다