替换子节点的语法：
被替换的节点的父节点.replaceChild(新节点，被替换的节点)； //注意：父节点是被替换节点的父节点，如果被替换的节点没有明显的父级元素，则该父级元素就是document.body，即document.body.replace（新节点，被替换的节点）；
替换的本质就是，新节点剪切并粘贴覆盖了被替换的节点，appendChild，insertBefore和replaceChild的本质相似，都是剪切
另外，如appendChild，insertBefore，replaceChild的方法，既可以操作动态创建的新节点，也可以操作原有节点