{"html":"<!DOCTYPE html>\n<html>\n\n<head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\n\n</head>\n\n<body>\n <ul id=\"myList\">\n <li id=\"item1\">项目 1</li>\n <li id=\"item3\">项目 3</li>\n <li id=\"item2\">项目 2</li>\n <li id=\"item4\">项目 4</li>\n </ul>\n\n <script>\n function sortAndReturnTextContent() {\n const myList = document.getElementById('myList')\n let items = myList.children;\n items = Array.from(items)\n items.sort((a, b) => getOrder(a) - getOrder(b))\n myList.innerHTML = ''\n items.forEach(item => myList.appendChild(item))\n }\n function getOrder(item) {\n return +item.id.replace('item', '')\n }\n sortAndReturnTextContent()\n </script>\n</body>\n\n</html>","css":"","js":""}