1、先用js定义一个变量，就是一个字符串的变量，如图，字符串用逗号隔开。
2、要把字符串转化成数据，我们可以使用JS内置的方法，split方法就行了，这个方法要注意的地方，就是参数，由于字符串是用逗号隔开的，参数就输入逗号就行了。
3、为了验证效果，可以把结果输出到控制台上，使用console.log方法，把结果输出就行了。
在4、脚本里，直接调用刚才的方法，当页面打开后，就会直接执行。
5、打开浏览器的开发者工具，点击‘控制台’。
6、在这里就可以看到输出的结果了，可以看到这个结果就是一个数组。
7、点击展开这个数组，可以看到数组每一项的内容。
1、先新建一个html文件，命名为test.html。
2、在test.html文件内，使用div标签创建一个模块，并设置其id为outinput，主要用于下面通过该id获得div对象。
3、在js标签内，定义一个数组arr，数组内定义三个元素，分别为“测试一”，“测试二”，“测试三”。
4、在js标签内，通过length属性获得数组arr的长度，即元素的个数，主要用于for语句中限制循环的次数。
5、在js标签内，定义一个变量html，使用for循环遍历arr数组，每次读取数组元素，将元素值与p标签组合，用于实现在页面出来。
6、在js标签内，使用getElementById（）方法通过id(outinput)获得div对象，通过innerHMTL属性将html变量输出在页面div标签中，从而实现取出数组值并显示出来。
7、最后在浏览器打开test.html文件，查看实现的效果，就完成了。
javascript为HTML对象赋值包括两种情况：
对于默认带有value属性的表单元素如input、button、select等： object.value = something
对于文本元素例如div,td，li等：object.innerHTML=somrthing
下面分别进行演示：
1、HTML结构
<input type="text" id="test_input" value="我是文本框"><br><div id="test_div">我是div</div><br>
<input type="text" id="test_str"><input type='button' value='设置' onclick="fun()"/>
2、javascript代码
function fun(){str = document.getElementById("test_str").value
obj_input = document.getElementById("test_input")
obj_div = document.getElementById("test_div")
obj_input.value += ","+str
obj_div.innerHTML += ","+str
}
3、结果演示：
