Javascript 在jQuery中将元素追加到主体的顶部_Javascript_Jquery

Javascript 在jQuery中将元素追加到主体的顶部

javascript jquery

Javascript 在jQuery中将元素追加到主体的顶部,javascript,jquery,Javascript,Jquery,现在Facebook想让我把这个难看的div直接放在我的页面顶部的我希望通过JavaScript附加它来避免这种情况 .append('<div id="fb-root"></div>'); .append（“”）；这会将其放置在页面底部 </head> <body> <header>test</header> <div id="fb-root"></div> </b

现在Facebook想让我把这个难看的div直接放在我的页面顶部的

我希望通过JavaScript附加它来避免这种情况

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

.append（“”）；

这会将其放置在页面底部

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


测试

如何将其“附加”到顶部

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


测试

使用

prepend

方法：

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

$（'body'）。前置（''）；

您可以使用

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

您可以在没有JQuery和prepend的情况下执行此操作

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


测试
document.body=''+document.body+''；

我很好奇的是，这可能是重复的-为什么您希望通过JavaScript执行此操作？元素将以任何一种方式结束在您的DOM/标记中。@jamass，我对它在我的DOM中结束以进行进一步操作很满意；但我不同意它出现在我的

标题

标签前面。我坚信遵循W3C结构标准。这仍然不能真正解释为什么你想通过JavaScript来实现它，而不仅仅是手动将其放入文档中。没有JavaScript，你为什么不能把它放在你想放的地方？@jamass，没有JavaScript，我可以把它放在我想放的地方。我想用JavaScript来做，这样它就不会干扰我完善的HTML结构。IE或Edge不支持prepend。“你可以不用JQuery和prepend来做这件事” — True：使用

document.body.prepend（Object.assign（document.createElement（“div”），{id:“fb root”}）。重写会杀死绑定到它的所有事件侦听器，并且必须重新解析DOM的该部分，所以不要这样做。看见
<body>
    <header>test</header>
</body>
<script>
    document.body = '<div id="fb-root"></div>' + document.body + "</div>";
</script>