Question

现在Facebook要我直接在<body>

下面的页面顶部抛出这个丑陋的div

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

Answer 1

使用prepend方法：

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

Answer 2

您可以使用

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

Answer 3

您可以在没有JQuery且没有前缀的情况下执行此操作

<body>
    <header>test</header>
</body>
<script>
    document.body = '<div id="fb-root"></div>' + document.body + "</div>";
</script>