如何用新的节点替换DOM中的节点？

Question

我有一些DOM元素，我使用getElementById方法检索。

我需要用新的html元素替换这个元素（即我希望在显示旧元素的地方看到正确呈现的<h1>hello</h1>。

我该怎么做？ （不允许使用jquery）。

Answer 1

查看replaceChild DOM节点替换。链接中有一个示例，它显示了带有parentNode组合的replaceChild。

Answer 2

我会盲目地使用innerHTML。 DOM操作方法，如createElement / appendChild / insertBefore / replaceChild等，是进行DOM操作的更“正确”的方法（当然），但有some circumstances，其中innerHTML更合适，有些导致真正糟糕的事情。

这是一场宗教战争。