javaScript的insertAdjacentHTML()和insertAdjacentText()详解

1、insertAdjacentHTML方法可以在指定的地方插入html内容和文本内容。性能上：insertAdjacentHTML 比 element.innerHTML的性能更好，比Document Fragments更好的HTML文档插入方案，因为我们知道Document Fragments在某些IE版本中的表现不好。

2、insertAdjacentText方法与 insertAdjacentHTML方法类似，只不过只能插入纯文本，参数相同。

3、语法：

element.insertAdjacentHTML(position, text);

需要传入字符串参数position，以及字符串参数html代码。我们可以对照jQuery的HTML插入方法。

参数position 的取值：

• beforeBegin：在该元素前插入
• afterBegin：在该元素第一个子元素前插入
• beforeEnd：在该元素最后一个子元素后面插入
• afterEnd：在该元素后插入

4、方法同意支持空元素，和innerHTML与innerText方法没什么区别了。