替换一个 DOM 元素

从 DOM 树中删除一个元素，然后在其位置插入一个新元素

---

使用replaceChild()将一个元素替换为另一个元素:

// select the element that will be replaced
var el = document.querySelector('div');

// <a href="/manipulation/creating-a-dom-element-51/">create a new element</a> that will take the place of "el"
var newEl = document.createElement('p');
newEl.innerHTML = '<b>Hello World!</b>';

// replace el with newEL
el.parentNode.replaceChild(newEl, el);