<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>拆分字符串，存入数组</title>
<style>
*{padding:0;margin:0;}
</style>
</head>
<body>
<h1 id="fruit">This is a list of items: cherries, limes, oranges, apples.</h1>
<div id="Flist"></div>
<script type="text/javascript">
var fruit=document.getElementById("fruit");
var content=fruit.lastChild.nodeValue;
//从HTML中获得字符串，先要取得文本节点，取其nodeValue值，此处不能使用value，因为不具value属性。
var start=content.indexOf(":"),end=content.lastIndexOf(".");
var list=content.substring(start+1,end);
var Flist=list.split(",");
document.getElementById("Flist").innerHTML=Flist.join("||");
//用join()时，原数组不变，是新数组的连接符发生了改变。
</script>
</body>
</html>
若要删除上述数组中各项的空格，有以下两种方法：
1，正则表达式法：
var Flist=list.split(/\s*,\s*/g);//匹配空格，逗号，空格，*表示0-n次。然后删掉它们。
2，trim()方法，注意trim只能删掉字符串首尾的空格：
var Flist=list.split(",");
// 删除数组中每一项的空格。
/*
Flist.forEach(function(item,index,array){
array[index]=item.trim();
});// trim()只能用来删除字符串两端的空格,因此只能对数组每一项进行遍历删除。*/
