js根据html字符串创建DOM对象

我爱模板网有个需求，即将后台传回的html转成DOM，然后用replaceChild来替换页面中已经存在的DOM。JavaScript里动态创建标准DOM对象一般使用：document.createElement()方法，但这个并不能直接传html字符串，此时可以用下面的方法实现：

1、思路：
    ①用document.createElement()方法创建一个div元素；
    ②用innerHTML来给div元素插入HTML字符串；
    ③用div.childNodes[0]即可返回HTML字符串对应创建的DOM对象。

2、代码：

function createNode(htmlStr) {
    var div = document.createElement("div");
    div.innerHTML = htmlStr;
    return div.childNodes[0];
}