javascript 动态插入 html 片段

本文讲解 javascript 如何动态插入 html 片段。

innerHTML

innerHTML 既可以写入 html 代码，也可以读出所选节点下的 html 代码。
通过 innerHTML 插入是直接替换掉了所选节点下面的全部内容。

var insertDiv = document.getElementById("insert")
insertDiv.innerHTML = "<div>hello world</div>"