如何在原生javascript中实现$（“<div class='wrapper'><span>Somw text</span></div>”）？

Question

$("<div class='wrapper'><span>Somw text</span></div>") 

这段代码给了我jQuery包装的对象，它具有提及的部分。我想知道如何在原生JavaScript中编写相同的功能。是否有一个DOM API允许我们将格式良好的html作为字符串传递并返回dom节点，或者我们是否需要解析html字符串并从中创建文档片段并在获取它们时追加子节点。

function getDomFromHtml(htmlStr){ 
     // some logic ???? 
     return node; 
    } 

Answer 1

Create容器div，然后把字符串innerHTML，然后返回容器div的firstChild。

function getDomFromHtml (htmlStr){ 
    var container = document.createElement("div"); 
    container.innerHTML = htmlStr; 
    return container.firstChild; 
} 

小提琴：http://jsfiddle.net/NzHRc/