接下来要介绍这些新增的DOM API方法，都比较新，其设计目的是可以像jQuery那样，使用非常简单的api，便利的操作dom元素。
这些api包括：before()，after()，replaceWith()，append()，prepend()……
文章关键字 ‘insertBefore’
before(),after(),prepend(),append()等新DOM方法简介
2017年09月28日，星期四小tip: DOM appendHTML实现及insertAdjacentHTML
2013年05月10日，星期五本文重点不在appendHTML方法实现的本身，而是相关的一些DOM节点处理的熟悉，例如文档片段，子节点们，节点的后插以及前插等等……有代码有demo有截图，如果您是JS新手，本文的内容应该能对您的学习提供一些帮助。
jquery之append与insertBefore使用实例
2009年08月31日，星期一这是我上个月做的一个实例页面，主要想试试如何使用append加载HTML元素，于是想到做一个插入图片的效果。所以这个实例不是为了做插入图片效果而写的js代码，而是为了试试append而做了插入图片的效果。因而做插入图片，这个的代码肯定不是什么值得推荐的代码，但是对于了解append以及insertBefore还是有帮助的。
效果很简单，单击插入图片按钮，就会在页面上插入一张图片，直到8张图片全部显示完毕。
提供实例页面以及源文件下载，希望能对您有所帮助。
我的应用
我的应用