insertAdjacentHTML() 和 innerHTML() 区别

element.insertAdjacentHTML(position, text)
/*  
position 是相对于元素的位置，并且必须是以下字符串之一：

'beforebegin' —— 元素自身的前面。

'afterbegin' —— 插入元素内部的第一个子节点之前。

'beforeend' —— 插入元素内部的最后一个子节点之后。

'afterend' —— 元素自身的后面。  

text 是要被解析为 HTML 或 XML,并插入到 DOM 树中的字符串。  */

element.innerHTML()    //  就是往元素内部插入（覆盖）一段 html 代码。