Question

我有一个HTMLCollection对象，可用于操作HTMLCollection的内容。我想知道如何将div元素添加到HTMLCollection的第一个，最后一个或任何特定索引。请提出建议。这里nDivs是HTML Collection。

    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是表示泛型集合的接口元素（按文档顺序）并提供方法和属性遍历清单。

因为它是一个界面，所以您只能通过其methods与HTMLCollection进行互动。没有方法可以修改对象，只读它。 你必须以其他方式操纵DOM 。

以下是使用纯JS的一些建议，但我强烈建议jQuery执行此类任务。假设我们正在使用新元素newDiv和HTMLCollection document.forms：

之前插入 forms[1]：

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

在 forms[1]之后插入：

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

替换 forms[1]：

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

insertBefore()，replaceChild()，nextSibling和parentNode的文档和示例。

如何在javascript中将元素添加到HTMLCollection中？

1 个答案: