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);