javascript：如何在另一个div的“开头”附加div

Question

我有一个div，我想在其中添加另一个div。但是，通过使用appendChild()，它总是在容器元素的末尾插入DOM元素。但我想将其插入容器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);