{"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 ulElement = document.getElementById('myList')\n      const items = ulElement.children;\n      const newChildren = Array.from(items).sort((a, b) => parseInt(a.innerText.replace('项目 ', '')) - parseInt(b.innerText.replace('项目 ', '')))\n      const fragment = document.createDocumentFragment()\n      newChildren.forEach(item => fragment.appendChild(item))\n        ulElement.innerHTML = ''\n        ulElement.appendChild(fragment)\n      // 在此补全代码\n    }\n    sortAndReturnTextContent()\n  </script>\n\n\n\n</body>\n\n</html>","css":"","js":""}