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（）方法在現有子節點之前插入新的子節點。