JavaScript 对象

JavaScript 参考手册

insertAdjacentHTML()方法将指定的文本解析为HTML，并将结果节点插入指定的位置。

此方法不会重新解析正在使用该元素的元素，因此不会破坏该元素内部的现有元素。

这避免了额外的序列化步骤，使其比直接的innerHTML操作快得多。

element.insertAdjacentHTML(position, text)

例

var　head　=　document.getElementsByTagName("h2")[0];
head.insertAdjacentHTML("afterend", "<span>Hello world</span>

表格中的数字指定了完全支持insertAdjacentHTML()方法的第一个浏览器版本：

方法
insertAdjacentHTML()	是	48	是	是	8

参数	描述
position	相对于元素的位置。法律价值： “ afterbegin”-元素开始之后（作为第一个孩子） “afterend”-元素之后 “beforebegin”-元素之前 “beforeend”-元素结束之前（作为最后一个子元素）
text	要解析为HTML的字符串

使用“beginbegin”値：

例

var　head　=　document.getElementsByTagName("h2")[0];
head.insertAdjacentHTML("afterbegin", "<span style=&#)39;color:red;'>Hello　world</span>

「beforebegin」値の使用：

例

var　head　=　document.getElementsByTagName("h2")[0];
head.insertAdjacentHTML("beforebegin",　"<span　style=&"39;color:red;'>Hello　world</span>

「beforeend」値の使用：

例

var　head　=　document.getElementsByTagName("h2")[0];
head.insertAdjacentHTML("beforeend",　"<span　style=&"39;color:red;'>Hello　world</span>