1

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

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

6 回答 6

7

prepend()是你需要的。。

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

 item.prepend(newDiv);
于 2013-02-27T11:09:20.073 回答
3

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

于 2013-03-07T13:27:24.617 回答
3

由于您已包含jquery标签...您可以使用prepend()方法。

或者你可以使用纯 JS insertBefore

item.insertBefore(newDiv, item.firstChild);
于 2013-02-27T11:08:46.547 回答
1

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

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

我没有时间测试它,但我认为这会奏效。

var newDiv= document.createElement('div');
    newDiv.innerHTML = "<input type='text'/>";
var item = document.getElementById('containerDivId');
    item.prepend(newDiv);
于 2013-02-27T11:11:09.717 回答
1

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

$(item).prepend(newDiv);
于 2013-02-27T11:09:01.817 回答
1

我想你会找到insertBefore

parentElem.insertBefore(insertedElem, parentElem.firstChild);
于 2013-02-27T11:10:08.393 回答