例子如下:
获取当前img div 的序列
var imgSet= document.getElementsByClassName(“img”);
div重新排序序列
var reSet = [];
上一张图片:先添加最后一张 5 再按顺序添加 0-4
reSet.push(imgSet[5]);
for(var i = 0; i < imgSet.length - 1; i++){
reSet.push(imgSet[i]);
}
将 box3 内容清空:即将原序列的 img div 去除,再添加新排序的 div;
var box3 = document.getElementsByClassName(“box3”)[0];
box3.innerHTML = “”;
for(var i = 0; i < reSet.length; i++){
box3.appendChild(reSet[i]);
reSet[i].style.display = “inline”;
}
本文介绍了一个使用JavaScript实现的图片重新排序实例。通过获取所有带有'class img'的元素,然后创建一个新数组,先添加最后一个元素再依次添加剩余元素,最后更新'class box3'的内容为新排序的图片。
671

被折叠的 条评论
为什么被折叠?



