如何将子节点追加到特定位置
如何将子节点追加到特定位置
提问于 2011-05-04 19:41:25
如何将childNode附加到javascript中的特定位置？
我想在childNode的第三个位置添加一个div。它后面还有其他节点需要向后移动(3变成4等等)
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-05-04 19:44:17
您可以使用
parentElement.insertBefore(newElement, parentElement.children[2]);Stack Overflow用户
发布于 2014-10-08 22:32:31
为此，您有3个选项.insertBefore()、.insertAdjacentElement()或.insertAdjacentHtml()
var insertedElement = parentElement.insertBefore(newElement, referenceElement);在您的情况下，您可以像在Felix Kling answer上那样做
var insertedElement = parentElement.insertBefore(newElement, parentElement.children[2]);referenceElement.insertAdjacentElement (where, newElement);在您的情况下，它将是
parentElement.children[1].insertAdjacentElement("afterEnd", newElement);referenceElement.insertAdjacentElement (where, newElementHTML);在您的情况下，它将是
parentElement.children[1].insertAdjacentElement("afterEnd", "<td>newElementHTML</td>");Stack Overflow用户
发布于 2016-08-27 20:32:15
在特定索引处插入子节点
简化了，
Element.prototype.insertChildAtIndex = function(child, index) {
if (!index) index = 0
if (index >= this.children.length) {
this.appendChild(child)
} else {
this.insertBefore(child, this.children[index])
}
}然后,
var child = document.createElement('div')
var parent = document.body
parent.insertChildAtIndex(child, 2)塔达！
在扩展本机时请注意
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5882768
复制相关文章
相似问题
腾讯云开发者
