文章详情

js如何在元素前添加元素 如何添加新的元素

11-22     浏览量:61

1、创建html页面

2、运行页面

3、原生JS方式,详细代码与注释

4、原生JS方式,运行效果

5、Jquery方式,详细代码

6、Jquery方式,运行效果

步骤阅读

方法/步骤

创建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文本内容即可)

6

Jquery方式,运行效果如下JSJQUERY

相关推荐