1.首先创建html结构，如下图所示，一个input元素，一个按钮，一个空的ul列表。
2.然后添加按钮点击事件，如下图所示，在按钮点击事件中获得input元素。
3.通过value属性我们可以获得用户在input中输入的内容，如下图所示。
4.下面我们来动态创建一个li元素，如下图所示，运用document中的createElement方法即可。
5.创建好li元素以后，下面要做的就是给其设置innerHTML内容，如下图所示。
6.接下来就是获取ul元素了，如下图所示，仍然用getElementById方法。
7.最后通过调用appendChild方法将创建的li元素添加到ul列表中，如下图所示。
在js中，可以使用for循环，通过writey方法将数组元素逐个输出在表格中。新建一个html文件，命名为test.html，用于讲解如何将js数组在table表格中显示出来。在js标签中，创建一个数组，用于测试。在js标签中，使用write方法输出表格标签和行标签，创建一行表格。在js标签中，在表格标签内，使用for循环遍历数组元素。在for循环内，再通过write方法将单元格标签和数组元素值一起输出。在浏览器打开test.html文件，查看结果。
1、首先打开开发工具，新建一个【HTML文件】，如下图所示。
2、然后编写一个input输入框（这里添加了一个按钮来获取数据）。
3、这时编写一个JS方法来获取input输入框的值，核心代码：var a = $("#test").val()。
4、最后打开浏览器，测试结果，输入框内容，点击按钮，如下图所示就完成了。
