阅读背景:

jquery以及原生js 如何实现div倒序

来源:互联网 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!--<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>-->
	</head>
	<body>
		<div class="container">
			<div>01</div>
			<div>02</div>
			<div>03</div>
			<div>04</div>
			<div>05</div>
			<div>06</div>
		</div>
		<script type="text/javascript">
			/*jquery*/
			/*$(".container>div").each(function(){
				$(this).prependTo(".container");
			})*/
			/*vanilla*/
			var bigContainer = document.querySelectorAll(".container>div");
			for(var i=bigContainer.length-1;i>-1;i--){
				document.querySelector(".container").appendChild(bigContainer[i]);
			}
		</script>
	</body>
</html>
<!DOCTYPE html>
<html>
	<head>
		<meta charset=



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: