JavaScript——split函数的应用

来源：互联网发布：中国跳水最厉害的知乎编辑：程序博客网时间：2024/05/21 08:58

按钮一：“开始” ，用","将字符串转化成字符数组并有序排列，但是只排列一次

按钮二：“确定”，用";"将字符串转化成字符数组并有序排列，每点击一次确定按钮就排列一次，可多次排列

<html>

<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<input type="text" id="txt">
<button onclick="one1()">开始</button>
<button onclick="one2()">确定</button>
<ol id="ol"> </ol>
<div id="div"></div>
<script type="text/javascript">
function one1(){
var txt =document.getElementById("txt").value;
var arr =txt.split(",");
var str ="";
for(var n=0;n<arr.length;n++){
str =str+"<li>"+arr[n]+"</li>";
}
document.getElementById("ol").innerHTML=str;
}
function one2(){
var txt =document.getElementById("txt").value;
var arr=txt.split(";");
var ol=document.createElement("ol");
for(var n=0;n<arr.length;n++){
var li=document.createElement("li");
li.innerHTML = arr[n];
ol.appendChild(li);
}
document.getElementById("div").appendChild(ol);
}
</script>
</body>
</html>

0 0