javascript：如何将节点/元素添加到特定索引位置？

Question

我有一个元素（“p”），它有10个子元素（10个div）。基于用户请求，我想在“p”元素下添加一个div来表示在“p”Dom树中的第5个或第2个位置。

var div = document.createElement("div"); //Comment Append 
div.id="div"+divId; 
div.className="div"; 
div.appendChild(document.createTextNode(divText)); 
var p = document.getElementById("comment"); 
length=p.childNodes.length; 

说p具有15的长度，我想添加DIV到第13位（添加它，而不是取代它 - 不是的replaceChild）

如果我试图穿越到第13位和做一个parentNode.appendChild它被附加（显然）到最后一个位置（第15个位置将是新的Div）

我想添加div或任何元素到子列表中的索引位置。

请帮助。

Answer 1

您正在寻找insertBefore

Answer 2

尝试insertBefore。

elementNode.insertBefore(new_node,existing_node) 

insertBefore（）方法在现有子节点之前插入新的子节点。