javascript - 在 CSS 或 javascript 中更改 div 顺序

Question

假设我有这样的布局:

<div id="main">            
    <div id="NormalContent">
        {some content which is a fixed length list}
    </div>
    <div id="FeaturedContent">
        {some content which may contain a long list}
    </div>
</div>

我想将 FeaturedContent 放在 NormalContent 之上。

我可以用 CSS 做到这一点吗？我假设我可以使用 Javascript？

Answer 1

对于非 jquery 答案

var content = document.getElementById('FeaturedContent');
var parent = content.parentNode;
parent.insertBefore(content, parent.firstChild);

请注意，无需将其从 DOM 中删除，第二次添加会移动它。