如何在文檔上的其他內容之前插入元素？

Question

我不認為我可以使用insertBefore()因為我不知道DOM中的第一個元素。

我正在嘗試插入一個body標簽（即<body> ）。

Answer 1

不使用庫，試試這個：

document.body.insertBefore(document.createElement("div"), document.body.firstChild);

Answer 2

好吧，但你可以隨時查看：

如果文檔正文至少有一個子 document.body.insertBefore([the new element], document.body.firstChild) ，請使用document.body.insertBefore([the new element], document.body.firstChild)
如果文檔正文沒有子 document.body.appendChild([the new element]) ，只需使用document.body.appendChild([the new element]) 。

Answer 3

文檔中的第一個元素是document.body.children[0] 。

Answer 4

使用prepend()將元素添加到容器（主體）的開頭。 http://api.jquery.com/prepend/

$('body').prepend()

Answer 5

document.body.innerHTML = '<body>'+document.body.innerHTML+'</body>';

那里。 只需使用body標簽包含當前HTML。

Answer 6

使用.insertBefore（）方法

document.body.insertBefore(newNode, document.body.children[0])