网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。
JavaScript如何实现插入节点？本篇文章就给大家总结了几种JavaScript插入节点的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。
JS原生API插入节点的方式大致有innerHTML、outerHTML、appendChild、insertBefore、insertAdjacentHTML、applyElement这6种。
这里总结一下各自的用法，并封装包含before、prepend、append、after、applyElement的一系列函数。
一、六种方式的用法
innerHTML：获取标签内部的HTML内容。
outerHTML：获取包括目标标签在内，以及内部HTML的内容。
appendChild：向目标标签末尾添加子节点，返回参数节点。
insertBefore：向目标节点的第二个参数位置添加第一个参数为子节点，返回第一个参数。
insertAdjacentHTML：向目标节点的指定位置添加节点；第二个参数为要添加的节点，第一个参数指定位置，位置包括beforebegin(添加为previousSibling)、afterbegin(添加为firstChild)、beforeend(添加为lastChild)、afterend(添加为nextSibling)。它还有两个兄弟函数，分别是insertAdjacentElement和insertAdjacentText，前者添加元素并返回该元素，后者添加文本。
applyElement：IE的函数，将参数节点设置成目标节点的外包围或者内包围；第一个为参数节点，第二个参数指定方式，方式包括inside(内包围，即参数节点将目标节点的子节点包起来)、outside(外包围，即参数节点将目标节点包起来)。
上面6种方式除了前两个是属性外，另外4个都是函数。innerHTML与outerHTML没有什么好说的，直接用HTML字符串赋值就能达到插入的目的了；appendChild简单套一层函数外壳就能封装成append函数；insertBefore让节点的插入方式非常灵活；insertAdjacentHTML可以实现字符串的插入方式；applyElement函数兼容一下即可成为JQuery的Wrap系列函数。
二、实现before、prepend、append、after函数
before把参数节点插入到目标节点前面，只需获取目标节点的父节点，然后父节点调用insertBefore即可。
prepend把参数节点插入到目标节点第一个子节点的位置，获取目标节点的第一个子节点，然后调用insertBefore即可。
append的功能和原生API里appendChild的功能一样。
after把参数节点插入到目标节点的后面，只需获取目标节点的nextSibling，然后调用insertBefore即可。
具体实现如下：
var append = function(node, scope) {
if(node.nodeType === 1 关键词：JavaScript完成插入节点办法总结