1、创建html页面
2、运行页面
3、原生JS方式，详细代码与注释
4、原生JS方式，运行效果
5、Jquery方式，详细代码
6、Jquery方式，运行效果
步骤阅读方法/步骤
- 共1图
1 创建html页面 1）打开记事本，输入如下截图所示的html代码2）将文件保存为html结尾的文件，例如JsTest.html
- 2
运行页面 1）上一步保存完成后，双击文件即可使用默认浏览器运行页面2）如果想使用指定浏览器运行，右键文件，选择【打开方式】-> 挑选任一已经安装的浏览器即可
- 3
原生JS方式，详细代码与注释 主要使用的js方法： 父元素.insertBefore(新元素， 目标元素)
- 4
原生JS方式，运行效果如下 Jquery方式，必须要引入jquery文件才能使用，此处将jquery下载下来放到Content文件夹中，新的目录结构如下-- Content-- jquery-1.11.3.min.js-- JsTest.html
- 5
Jquery方式，详细代码与相关注释见截图 主要使用的jquery方法：before(html文本内容即可)
- 6
Jquery方式，运行效果如下 JS JQUERY
声明：本网页内容为来源互联网，旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理,E-MAIL:320919107#qq.com。#改@
js如何在元素前添加元素 如何添加新的元素：http://www.3jise.com/article/83521.html