insertAdjacentHTML

• 转载自: MDN - Element.insertAdjacentHTML

• 语法

  element.insertAdjacentHTML(position, text);

  • 其中position取值如下：
    • ‘beforebegin’：元素自身的前面。
    • ‘afterbegin’：插入元素内部的第一个子节点之前。
    • ‘beforeend’：插入元素内部的最后一个子节点之后。
    • ‘afterend’：元素自身的后面。

• 例子

// 原为 <div id="one">one</div> 
var d1 = document.getElementById('one'); 
d1.insertAdjacentHTML('afterend', '<div id="two">two</div>');

// 此时，新结构变成：
// <div id="one">one</div><div id="two">two</div>

• 其他有相似语法的方法：
  • Element.insertAdjacentElement()
  • Element.insertAdjacentText()