javascript - 如何实现 $("文本") 在原生 JavaScript 中？

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

创建容器div，然后将字符串放入innerHTML，然后返回firstChild容器div。

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

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