Question

所以这就是我想要完成的，我有一个10里的ul。通过使用DOM，我已将目标锁定并将其转换为数组。（当我说我的时候，我实际上是指自己和Stackoverflow社区，仍然是初学者）。现在我需要对列表项数组进行排序，然后用新的排序列表替换错误列表。我的标记如下：

<!DOCTYPE html>
<html>
<head>
    <title>Bugs in the DOM</title>
</head>
<body>

<div>

    <h1>Bugs in the DOM</h1>

    <ul>
        <li>Horse Flies</li>
        <li>Bed bugs</li>
        <li>Mosquito</li>
        <li>Ants</li>
        <li>Mites</li>
        <li>Cricket</li>
        <li>Woolly Bear Caterpillar</li>
        <li>Fleas</li>
        <li>Worms</li>
        <li>Leeches</li>
    </ul>

</div>

<script>
    (function() {
        // Your code here.
    }());
</script>

</body>
</html>

现在我的JS：

var list = document.getElementsByTagName("ul");
for (var i = 0; i < list.length; i++) {
    var items = list[i].getElementsByTagName("li");
    for (var j = 0; j < items.length; j++) {
        console.log(items[j]);
    }
}

var newList = Array.prototype.slice.call(document.getElementsByTagName("li"), 0);
newList.forEach(function(item) {
    console.log(item);
});

我真的不确定如何对DOM元素进行排序。我知道sort（）方法不起作用，因为这不是一个典型的数组。提前谢谢大家！

对DOM元素进行排序并将其插入UL

0 个答案: