如何在本机javascript中实现$（“<div class =”wrapper“> <span>一些文本</span> </div>”）？

Question

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

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

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

Answer 1

Create容器div，然后将字符串放到innerHTML，然后返回容器div的{​​{3}}。

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

小提琴：firstChild