要素の配列をDOMに挿入しますか？

Question

私は要素の配列を持っている：

const itemCurrent = document.createElement('div'); 
const itemNext = document.createElement('div'); 

は、アイブ氏は、それらの配列を作成しました：

const itemsAll = [itemCurrent, itemNext]; 

私は私のページの本文にそれらのすべてを挿入することができますどのように？

Answer 1

反復処理と追加：これはのappendChild（要素）関数を使用して行われ

itemsAll.forEach(el => { 
    document.body.appendChild(el) 
}) 

Answer 2

要素を本文に追加するには、要素を文書の本文に追加する必要があります。各々がappendChildを使用してアレイ上

// looping through your array : 
for (let i=0;i<itemsAll.length;i++) { 
    // appending your elements to the body : 
    document.body.appendChild(itemsAll[i]); 
} 

Answer 3

は、他の人が言ったこと想起する：

• JSにarray.forEachで1つの引数をとります - 配列のすべての要素に対して順番に呼び出される関数
（末尾に追加）あなたは必要な引数

コードが

itemsAll.forEach(function (element, index, array) { 
    document.body.appendChild(element); 
}) 

なると追加される要素を取り、あなたが document.body.appendChild呼び出すDOM（ページの本文）に要素を追加する

または（ES6の構文を使用して）

itemsAll.forEach(el => document.body.appendChild(el)) 

Answer 4

あなたは、単に次のように複数のDOMを一度にノード追加する.append()を使用することができます。

var divs = Array.from({length:10}) // lets make an array of 10 divs 
 
       .map(function(_,i){ 
 
         var el = document.createElement('div'); 
 
         el.textContent = `I am div # ${i}`; 
 
         return el; 
 
        }); 
 
document.body.append(...divs);