游客您好，欢迎来到黑客世界论坛！您可以在这里进行注册。

赤队小组-代号1949（原CHT攻防小组）在这个瞬息万变的网络时代，我们保持初心，创造最好的社区来共同交流网络技术。您可以在论坛获取黑客攻防技巧与知识，您也可以加入我们的Telegram交流群 共同实时探讨交流。论坛禁止各种广告，请注册用户查看我们的使用与隐私策略，谢谢您的配合。小组成员可以获取论坛隐藏内容！

TheHackerWorld官方

JavaScript 对 DOM 元素排序

function,document,DOM,JavaScript,divArr,var,wrap,div,排序

发布于2022年11月4日3年前

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            #wrap div {
                float: left;
            }
            #wrap:after {
                content: "";
                display: block;
                clear: both;
            }
        </style>
        <script type='text/javascript'>
            document.addEventListener('DOMContentLoaded', function () {
                var wrap = document.querySelector('#wrap');
                var div = document.querySelectorAll('#wrap div');
                var divArr = Array.prototype.slice.call(div).sort(function (a, b) {
                    return a.textContent > b.textContent ? 1 : -1;
                });
                divArr.forEach(function (p) {
                    wrap.appendChild(p);
                });
            });
        </script>
    </head>
    <body>
        <div id="wrap">
            <div>Q</div>
            <div>W</div>
            <div>E</div>
            <div>R</div>
            <div>T</div>
            <div>Y</div>
            <div>U</div>
            <div>I</div>
            <div>O</div>
            <div>P</div>
            <div>A</div>
            <div>S</div>
            <div>D</div>
            <div>F</div>
            <div>G</div>
            <div>H</div>
            <div>J</div>
            <div>K</div>
            <div>L</div>
            <div>Z</div>
            <div>X</div>
            <div>C</div>
            <div>V</div>
            <div>B</div>
            <div>N</div>
            <div>M</div>
        </div>
    </body>
</html>