js—replaceChild(新标签,旧标签)替换的元素

<div id="box">
  <img src="1.jpg" alt="" id="pic1">
</div>
<button id="btn">点击替换图片</button>

JavaScript

var btn = document.querySelector('#btn');
btn.onclick = function () {
  // 找需要替换的元素
  var pic1 = document.querySelector('#pic1');
  // 创建节点（用创建的节点去替换新元素
  var newPic = document.createElement('img');
  newPic.id = 'pic2';
  newPic.src = '2.jpg';
  newPic.width = '500';
  // replaceChild(新标签,旧标签) 
  document.querySelector('#box').replaceChild(newPic, pic1);
}

代码演示：