全栈JavaScript之路（ 二十 ）HTML5 插入 html标记 （ 二 ）insertAdjacentHTML

insertAdjacentHTML(),  这个方法也是在IE中最早出现的，现在已纳入html5规范，它接受两个参数，一个是下列的标记之一，一个是要写入的 html 代码文本。

1. beforebegin , (英文为开始之前的意思)在当前元素之前插入一个新的紧邻的同辈元素
2. afterbegin,(英文为开始之后的意思)在当前元素之下插入一个子元素，或者是在当前元素的第一个子元素之前插入一个新的子元素。
3. beforeend，(英文为结束之前的意思)在当前元素之后插入一个新的子元素，或者在当前元素最后一个子元素之后插入一个新的子元素，
4. afterend，(英文为结束之后的意思)在当前的元素之下插入一个紧邻的同辈元素。

支持insertAdjacentHTML()方法的浏览器有IE、Firefox 8+、Safari、Opera 和Chrome。