2013-05-01 195 views
8

機身頂部眼下Facebook希望我在我的頁面的頂部拋出這個醜陋的div直屬<body>追加元素在jQuery的

<div id="fb-root"></div> 

我想通過來避免這一點,通過JavaScript追加它。

.append('<div id="fb-root"></div>'); 

這將它放置在頁面的底部。

</head> 
<body> 
    <header>test</header> 
    <div id="fb-root"></div> 
</body> 

我該如何'追加'到頂部?

</head> 
<body> 
    <div id="fb-root"></div> 
    <header>test</header> 
</body> 
+0

的可能重複[JavaScript的:如何在另一個DIV的 「開頭」 追加DIV(HTTP:// stackoverflow.com/questions/15110484/javascript-how-to-append-div-in-begining-of-another-div) – 2013-05-01 22:02:52

+0

我很好奇 - 爲什麼你想通過JavaScript來做到這一點?元素將以任何方式結束於DOM /標記中。 – jamauss 2013-05-01 22:03:33

+0

@jamauss,我很好,最終在我的DOM進一步操縱;但是我不知道它在我的'header'標籤前面。我堅信遵循W3C結構標準。 – 2013-05-01 22:04:40

回答

21

使用prepend方法:

$('body').prepend('<div id="fb-root"></div>'); 
+0

。 – Longblog 2017-09-01 19:18:12

1

您可以使用

$('#fb-root').detach().insertBefore('body>*:first');