如何让html页面加载时就调换两个p/span/div的位置
Markup
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>如何用JS/JQuery重组多个div/p/span的顺序</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(function(){
var $one = $("#one");
var $two = $("#two");
$two.insertBefore($one);
});
</script>
</head>
<body>
<button>无需点击按钮,页面加载时自动调换顺序</button>
<br><br>
<p id="one">这是第一个段落。</p>
<p id="two">这是第2个段落。</p>
</body>
</html>
页面加载的时候就是已经调换顺序的了:
本文由 坚果跨境 原创,禁止暴力转载。