向js数组中添加元素的3种方法

1、push() 结尾添加

数组.push(元素)

        参数                                         描述

newelement1必需。   要添加到数组的第一个元素。

newelement2可选。   要添加到数组的第二个元素。

newelementX可选。   可添加多个元素。

2、unshift() 头部添加

数组.unshift(元素)

       参数                                   描述

newelement1必需。    向数组添加的第一个元素。

newelement2可选。    向数组添加的第二个元素。

newelementX可选。    可添加若干个元素。

3、splice() 方法向/从数组指定位置添加/删除项目，然后返回被删除的项目。

          参数                           描述

index必需。                     整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。

howmany必需。             要删除的项目数量。如果设置为 0，则不会删除项目。

item1, ..., itemX可选。   向数组添加的新项目。

var

mask

=

document.createElement("div")//js新建元素

mask.setAttribute("id",

"maskDiv")//给元素加id

mask.onclick

=

hideMask//给元素添加点击事件

var

img

=

document.createElement("img")

img.style.float

=

"right"//js设置样式

img.src

=

"http://520.com/images/download_android.png"

img.style.width

=

"320px"

img.style.float

=

"right"

mask.appendChild(img)

document.body.appendChild(mask)//把元素放进body标签里面

创建html页面 1）打开记事本，输入如下截图所示的html代码2）将文件保存为html结尾的文件，例如JsTest.html

运行页面 1）上一步保存完成后，双击文件即可使用默认浏览器运行页面2）如果想使用指定浏览器运行，右键文件，选择【打开方式】->挑选任一已经安装的浏览器即可

原生JS方式，详细代码与注释 主要使用的js方法： 父元素.insertBefore(新元素， 目标元素)

原生JS方式，运行效果如下 Jquery方式，必须要引入jquery文件才能使用，此处将jquery下载下来放到Content文件夹中，新的目录结构如下-- Content-- jquery-1.11.3.min.js-- JsTest.html

Jquery方式，详细代码与相关注释见截图 主要使用的jquery方法：before(html文本内容即可)

Jquery方式，运行效果如下 JS JQUERY

---