<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>
<ul id="ul1">
<li>77</li>
<li>66</li>
<li>85</li>
<li>98</li>
</ul>
</div>
<script>
var scoreObj=document.getElementById("ul1");
var scorestr=scoreObj.innerHTML;
console.log(scorestr);
//将前后标签替换为空
var sdore=scorestr.replace(/^\s*<li>|<\/li>\s*$/g,"");
//根据<\li><li>拆分数组
var score=sdore.split(/<\/li>\s*<li>/i);
console.log(score);
//排序
score.sort(function (a,b){return b-a});
console.log(score);
//将数组按照HTML标签组合
scorestr=`<li>${score.join("</li><li>")}</li>`;
// var str=score.join("</li><li>");
// var startstr=str.replace(/^\s*/ig,"<ul id='ul1'><li>");
// var endstr=startstr.replace(/\s*$/ig,"<li></ul>");
console.log(scorestr);
//赋值给HTML文件
scoreObj.innerHTML=scorestr;
</script>
</body>
</html>
根据HTML切割,排序,返回给HTML文件
最新推荐文章于 2021-07-06 16:08:14 发布