如何用js在页面中添加元素？

1.首先创建html结构，如下图所示，一个input元素，一个按钮，一个空的ul列表。

2.然后添加按钮点击事件，如下图所示，在按钮点击事件中获得input元素。

3.通过value属性我们可以获得用户在input中输入的内容，如下图所示。

4.下面我们来动态创建一个li元素，如下图所示，运用document中的createElement方法即可。

5.创建好li元素以后，下面要做的就是给其设置innerHTML内容，如下图所示。

6.接下来就是获取ul元素了，如下图所示，仍然用getElementById方法。

7.最后通过调用appendChild方法将创建的li元素添加到ul列表中，如下图所示。

js数组添加元素的方法有三个，分别是push（）、unshift（）、splice（），下面分别说一下各自的用法

1、push（），在数组的末尾添加新的元素，并返回数组新长度

语法：a.push( “新元素1”，“新元素2”)；

实例：

结果：

2、unshift（），在数组的开头添加新元素，数组中的元素自动后移，返回数组新长度

语法：a.unshift(“新元素1”，“新元素2”)；

注：unshift()方法不能用于 Internet Explorer 8 之前的版本，插入的值将被返回成 undefined 。

实例

结果：

3、splice（），在指定位置添加一个或者多个新元素，插入位置的元素自动后移，返回""。

例如，在第二位置添加新元素

语法：a.splice（2,0，“新元素1”，“新元素2”）；

实例：

结果：

---