本文介绍了一种使用JavaScript实现网页上DOM元素随机排序的方法。通过获取指定ID的盒子，并选择其中的所有div元素，将其顺序打乱并重新排列，实现了页面元素的随机显示效果。
<script type="text/javascript">
window.onload = function()
{
var box = document.getElementById('box_0531');
var obj = box.getElementsByTagName('div'), ar = [];
//var obj = box.getElementsByClassName('cont'), ar = []; 获取所有指定class名字
for (var i = 0; i < obj.length; i ++)
ar.push(obj[i]);
function sortRandom(a, b) {
return Math.random() - 0.5;
}
ar.sort(sortRandom);
box.innerHTML = '';
for (var i = 0; i < ar.length; i ++)
box.appendChild(ar[i]);
}
</script>
</head><body>
<div class="box_0531" id="box_0531">
<div class="cont" id="cont1">CONT1</div>
<div class="cont" id="cont2">CONT2</div>
<div class="cont" id="cont3">CONT3</div>
<div class="cont" id="cont4">CONT4</div>
<div>CONT5</div>
<div>CONT6</div>
</div>
本文转自 gutaotao1989 51CTO博客，原文链接:http://blog.51cto.com/taoyouth/1750923
扫一扫
5861
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
