我有一个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]);
最佳答案
根据MDN docs
HTMLCollectionis an interface representing a generic collection of
elements (in document order) and offers methods and properties for
traversing the list.
因为它是一个接口,你只能通过它的methods与HTMLCollection交互.没有方法可以修改对象,只读它.你必须以其他方式操纵DOM.
以下是使用纯JS的一些建议,但我强烈建议jQuery执行此类任务.假设我们正在使用新元素newDiv和HTMLCollection document.forms：
在表格[1]之前插入：
forms[1].parentNode.insertBefore(newDiv,forms[1]);
在表格后插入[1]：
// there is no insertAfter() so use the next sibling as reference element
forms[1].parentNode.insertBefore(newDiv,forms[1].nextSibling);
替换表格[1]：
forms[1].parentNode.replaceChild(newDiv,forms[1]);
