js中使用id对div重新排序
要在js中对带有id的div重新排序，可以使用sort()方法和getelementbyid()获取div。
步骤：
示例：
立即学习“Java免费学习笔记（深入）”；
html：
<div id="divs"> <div id="2">2海面倒映着美丽的白塔，四周环绕着绿树红墙。</div> <div id="1">1小船儿轻轻，飘荡在水中</div> <div id="5">5让我们荡起双桨，小船儿推开波浪。</div> <div id="3">3红领巾迎着太阳，阳光洒在海面上，</div> <div id="4">4迎面吹来了凉爽的风。</div> </div>
javascript：
// 获取div元素数组
let divs = document.querySelectorAll('#divs > div');
// 为每个div设置排序顺序
divs.forEach((div, i) => {
div.setAttribute('order', i);
});
// 对数组排序
divs.sort((a, b) => a.getAttribute('order') - b.getAttribute('order'));
// 重新插入div
divs.forEach(div => {
document.getElementById('divs').appendChild(div);
});以上就是如何在 JavaScript 中使用 ID 对 DIV 元素进行重新排序？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
793
