全栈JavaScript之路（ 二十 ）HTML5 插入 html标记 （ 二 ）insertAdjacentHTML
Posted gccbuaa
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了全栈JavaScript之路（ 二十 ）HTML5 插入 html标记 （ 二 ）insertAdjacentHTML相关的知识，希望对你有一定的参考价值。
insertAdjacenthtml(), 这种方法也是在IE中最早出现的。如今已纳入html5规范，它接受两个參数，一个是下列的标记之中的一个，一个是要写入的 html 代码文本。
- beforebegin , (英文为開始之前的意思)在当前元素之前插入一个新的紧邻的同辈元素
- afterbegin,(英文为開始之后的意思)在当前元素之下插入一个子元素。或者是在当前元素的第一个子元素之前插入一个新的子元素。
- beforeend，(英文为结束之前的意思)在当前元素之后插入一个新的子元素，或者在当前元素最后一个子元素之后插入一个新的子元素，
- afterend，(英文为结束之后的意思)在当前的元素之下插入一个紧邻的同辈元素。
支持insertAdjacentHTML()方法的浏览器有IE、Firefox 8+、Safari、Opera 和Chrome。
以上是关于全栈JavaScript之路（ 二十 ）HTML5 插入 html标记 （ 二 ）insertAdjacentHTML的主要内容，如果未能解决你的问题，请参考以下文章
全栈JavaScript之路（十六）HTML5 HTMLDocument 类型的变化
全栈JavaScript之路（十四）HTML5 中与class属性相关的扩充
全栈JavaScript之路（十九）HTML5 插入 html标记 （ 一 ）innerHTML 与outerHTML