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

标签 javascript html css

假设我有这样的布局:

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

最佳答案

对于非 jquery 答案

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

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

关于javascript - 在 CSS 或 javascript 中更改 div 顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4699594/

相关文章:

javascript - 自动刷新Google Apps脚本webapp用户界面?

javascript - 如何在HTML的pre标签中包装文字?

html - 在 CSS 下拉菜单中单击后,从链接中删除焦点

javascript - 使用正则表达式增加字符串中的数字

javascript - 将文本文件写入 blob 时无法保留换行符

javascript - 使用 canvas + JavaScript 将云(图像)插入落雪中的最简单方法

javascript - 如何使用PurgoMalum检查用户名中是否有坏词

css - 在CSS和HTML5中替换<font color:red> text </font>的最佳方法是什么

java - Spring :找不到资源

css - Mootools 和 CSS - p :first-letter does not function once JS is active