注意：大多数当前浏览器都支持HTML＜template＞元素，这提供了一种更可靠的方法来从字符串中创建元素。有关详细信息，请参阅下面Mark Amery的回答。

对于较旧的浏览器和node/jsdom:（在编写时还不支持<template>元素），请使用以下方法。这与库用来从HTML字符串中获取DOM元素的方法相同（IE需要额外的工作来解决innerHTML实现中的错误）：

function createElementFromHTML(htmlString) {
  var div = document.createElement('div');
  div.innerHTML = htmlString.trim();

  // Change this to div.childNodes to support multiple top-level nodes.
  return div.firstChild;
}

注意，与HTML模板不同，这对于某些不能合法成为＜div＞的子元素的元素（如＜td＞s）不起作用。

如果您已经在使用一个库，我建议您坚持使用库批准的方法，从HTML字符串创建元素：

原型在其update（）方法中内置了此功能。jQuery在其jQuery（html）和jQuery.parseHTML方法中实现了它。

var jtag = $j.li({ child:'text' }); // Represents: <li>text</li>
var htmlContent = $('mylist').html();
$('mylist').html(htmlContent + jtag.html());

使用jnerator

较新的DOM实现具有range.createContextualFragment，它以独立于框架的方式完成您所需的操作。

它得到了广泛的支持。不过，为了确保这一点，请在同一MDN链接中检查其兼容性，因为它会发生变化。截至2017年5月：

Feature         Chrome   Edge   Firefox(Gecko)  Internet Explorer   Opera   Safari
Basic support   (Yes)    (Yes)  (Yes)           11                  15.0    9.1.2

答复

创建模板将模板的innerHTML设置为strim.trim（）创建模板的子级数组返回子项、子项或

函数toElement（s=“”，c，t=document.createElement（'template'），l='length'）{t.innerHTML=s.trim（）；c=[…t.content.childNodes]；返回c[l]>1？c： c[0]| |“”；｝console.log（toElement（））；console.log（toElement（“”））；console.log（toElement（“”））；console.log（toElement（'<td>With td</td>'））；console.log（toElement（'<tr><td>With t</td></tr>'））；console.log（toElement（'<tr><td>foo</td></tr><tr><td>bar</td></tr>'））；console.log（toElement（'<div><span><span>嵌套</span><span>填充</span></div>'））；

对于某些html片段，如<td>test</td>、div.innerHTML、DOMParser.parseFromString和range.createContextualFragment（没有正确的上下文），此处其他答案中提到的解决方案不会创建<td>元素。

jQuery.parseHTML（）正确处理它们（我将jQuery2的parseHTML函数提取为一个独立函数，可以在非jQuery代码库中使用）。

如果您只支持Edge 13+，那么只使用HTML5模板标记会更简单：

function parseHTML(html) {
    var t = document.createElement('template');
    t.innerHTML = html;
    return t.content;
}

var documentFragment = parseHTML('<td>Test</td>');

这是我的代码，它有效：

function parseTableHtml(s) { // s is string
    var div = document.createElement('table');
    div.innerHTML = s;

    var tr = div.getElementsByTagName('tr');
    // ...
}