2013-05-01 78 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');