javascript:如何在另一个div的“开始”中追加div

我有一个div,我想在其中添加另一个div。 但是,通过使用appendChild()它总是在容器元素的末尾插入DOM元素。但我想在容器div 开头插入它。
怎么做到这一点?

 var newDiv= document.createElement('div'); newDiv.innerHTML = ""; var item = document.getElementById('containerDivId'); item.appendChild(newDiv);` 

使用’item.insertBefore(newDiv,item.firstChild);’

prepend()是你需要的……

将参数指定的内容插入到匹配元素集中每个元素的开头。

  item.prepend(newDiv); 

既然你已经包含了jquery标签……你可以使用prepend()方法。

或者你可以使用纯JS insertBefore

 item.insertBefore(newDiv, item.firstChild); 

您可以在jQuery中使用prepend函数。 例如,

 $(item).prepend(newDiv); 

我想你找到了insertBefore 。

 parentElem.insertBefore(insertedElem, parentElem.firstChild); 

您可以在父元素上使用prepend()来首先添加子元素。

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

我没有时间测试它,但我认为这样可行。

 var newDiv= document.createElement('div'); newDiv.innerHTML = ""; var item = document.getElementById('containerDivId'); item.prepend(newDiv);