javascript：如何在另一個div的“開始”處追加div

Question

我有一個div，我想在其中添加另一個div。 但是，通過使用appendChild()它總是將DOM元素插入容器element的末尾。但是我想將其插入容器div 開始處。
如何實現呢？

var newDiv= document.createElement('div');
newDiv.innerHTML = "<input type='text'/>";
var item = document.getElementById('containerDivId');
item.appendChild(newDiv);`

Answer 1

prepend()是您需要的。

將參數指定的內容插入到匹配元素集中每個元素的開頭。

 item.prepend(newDiv);

Answer 2

由於已包含jquery標簽，因此可以使用prepend()方法。

或者您可以使用純JS insertBefore ：

item.insertBefore(newDiv, item.firstChild);

Answer 3

使用'item.insertBefore（newDiv，item.firstChild）;'

Answer 4

您可以在jQuery中使用prepend函數。 例如，

$(item).prepend(newDiv);

Answer 5

我認為您可以找到insertBefore 。

parentElem.insertBefore(insertedElem, parentElem.firstChild);

Answer 6

您可以在父元素上使用prepend（）首先添加一個孩子。

http://api.jquery.com/prepend/

我沒有時間對其進行測試，但是我認為這會起作用。

var newDiv= document.createElement('div');
    newDiv.innerHTML = "<input type='text'/>";
var item = document.getElementById('containerDivId');
    item.prepend(newDiv);