首页 > 建站教程 > JS、jQ、TS >  js根据html字符串创建DOM对象正文

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];
}