# javascript 动态插入 html 片段 {#javascript-动态插入-html-片段}

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

# innerHTML {#innerhtml}

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

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