js增加列表的方法

通过例子介绍js增加列表的一些方法。

工具/原料

NotePad++

Chrome浏览器

创建一个简单的html文件

1、创建index.html文件，用可编辑文本文件的软件打开。在index.html添加如图内容。

2、使用chrome浏览器打开后的效果如图。

2、保存文件后用浏览器打开index.html，效果如图。在输入学号和姓名，点击添加后，列表会将添加的数据拼接到列表的最后一行。

增加列表方式2

1、第二种方式是使用JS原生函数创造节点后再作为子节点，接到tbody上。编写函数 addBy亭盍誓叭JSFun()，函数内容如图。编写完后在button的onclick中使用该函数。

2、保存文件后用浏览器打开index.html，效果如图。

3、保存文件后用浏览器打开index.html，效果如图。

2、保存文件后用浏览器打开index.html，效果如图。