插入标记的方法,除了innerHTML和outHTML之外,H5新增了一个插入标记方式为insertAdjacentHTML()方法。这个方法最早在IE中出现。
接收两个参数:插入位置和要插入的HTML文本。
第一个参数必须是下列值之一
“beforebegin”:在当前元素之前插入一个紧邻的同辈元素;
“afterbegin”:在当前元素之下插入一个新的子元素或者在第一个子元素之前再插入新的子元素;
“beforeend”:在当前元素之下插入一个新的子元素或者在最后一个子元素之前再插入新的子元素;
“afterend”:在当前元素之后插入一个紧邻的同辈元素。
//作为前一个同辈元素插入
element.insertAdjacentHTML("beforebegin","<p>Hello world </p>");
//作为第一个子元素插入
element.insertAdjacentHTML("afterbegin","<p>Hello world </p>");
//作为最后一个子元素插入
element.insertAdjacentHTML("beforeend","<p>Hello world </p>");
//作为后一个同辈元素插入
element.insertAdjacentHTML("afterend","<p>Hello world </p>");
支持insertAdjacentHTML()方法的浏览器有IE、Firefox8+、Safari、Opera、Chrome