<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">


</head>

<body>
    <ul id="myList">
        <li id="item1">项目 1</li>
        <li id="item3">项目 3</li>
        <li id="item2">项目 2</li>
        <li id="item4">项目 4</li>
    </ul>

    <script>
        function sortAndReturnTextContent() {
            const items = document.getElementById('myList').children;
            console.log(items)
            // 在此补全代码
            const itemsNew = []

            for (let i = 0; i < items.length; i++) {
                console.log(items[i].id.replace("item", ""))
                itemsNew.push({
                    id: items[i].id.replace("item", ""),
                    text: items[i].innerHTML
                })
            }

            itemsNew.sort((a, b) => { return a.id - b.id })

            let liElements = ""

            for (let i = 0; i < itemsNew.length; i++) {
                liElements = liElements + `<li>${itemsNew[i].text}</li>`
                console.log(liElements)
            }

            document.getElementById('myList').innerHTML = liElements;
        }
        sortAndReturnTextContent()
    </script>



</body>

</html>