javascriptのHTMLCollectionに要素を追加するにはどうすればよいですか？

Question

私はHTMLCollectionのコンテンツを操作するために使用できるHTMLCollectionオブジェクトを持っています。私はdiv要素をHTMLCollectionの最初、最後、または特定のインデックスに追加する方法を知りたいと思います。何かお勧めします。 ここで、nDivsはHTMLコレクションです。

var Div = document.createElement('div'); 
    for(i=0; i<9; i++){ 
     Div.appendChild(nDivs[0].children[0]); 
    } 
    Div.id = nDivs[0].id; 
    nDivs[0].parentNode.removeChild(nDivs[0]); 

    nDivs.appendChild(Div); //this is creating problem..need an alternative to this 
    document.getElementById("ABC").appendChild(nDivs[nDivs.length - 1]); 

Answer 1

MDN docs

HTMLCollectionによれば 要素（文書順に）のジェネリックコレクションを表すインターフェイスと リストを横断するためのメソッドとプロパティを提供しています。

HTMLCollectionとのやり取りに制限されているため、methodsを使用してください。オブジェクトを変更するメソッドはありませんが、オブジェクトを読み取るだけです。 DOMを他の方法で操作する必要があります。

純粋なJSを使用したいくつかの提案がありますが、そのような作業にはjQueryを強くお勧めします。forms[1]後に挿入

forms[1].parentNode.insertBefore(newDiv, forms[1]); 

：forms[1]前

挿入：私たちは新しい要素newDivと協力し、HTMLCollectiondocument.formsしていると仮定し

// there is no insertAfter() so use the next sibling as reference element 
forms[1].parentNode.insertBefore(newDiv, forms[1].nextSibling); 

を置き換えます：insertBefore()ため

forms[1].parentNode.replaceChild(newDiv, forms[1]); 

ドキュメントと例、replaceChild()、nextSibling、およびparentNode。