迟到了，但只是一个音符；

可以将一个简单的元素作为容器添加到目标元素中，并在使用后将其删除。

//测试铬23.0，萤火虫18.0，即7-8-9和歌剧12.11。

<div id="div"></div>

<script>
window.onload = function() {
    var foo, targetElement = document.getElementById('div')
    foo = document.createElement('foo')
    foo.innerHTML = '<a href="#" target="_self">Text of A 1.</a> '+
                    '<a href="#" onclick="return !!alert(this.innerHTML)">Text of <b>A 2</b>.</a> '+
                    '<hr size="1" />'
    // Append 'foo' element to target element
    targetElement.appendChild(foo)

    // Add event
    foo.firstChild.onclick = function() { return !!alert(this.target) }

    while (foo.firstChild) {
        // Also removes child nodes from 'foo'
        targetElement.insertBefore(foo.firstChild, foo)
    }
    // Remove 'foo' element from target element
    targetElement.removeChild(foo)
}
</script>

参观https://www.codegrepper.com/code-examples/javascript/convert+a+字符串+to+html+元素+in+js

const stringToHtml = function (str) {
    var parser = new DOMParser();
    var doc = parser.parseFromString(str, 'text/html');
    return doc.body;
}

注意：大多数当前浏览器都支持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方法中实现了它。

我从这篇文章中得到了链接。（是否将HTML字符串转换为DOM元素？）

对我来说，我想找到一种将字符串转换为HTML元素的方法。如果您也有此需求，可以尝试以下方法

constfrag=document.createRange（）.createContextualFragment(`<a href=“/link.js”>js</a><a>去</a>`) constaCollection=frag.querySelectorAll（“a”）for（let[key，a]of Object.entries（aCollection））{console.log（a.getAttribute（“href”），a.textContent）}

为什么不使用原生js？

    var s="<span class='text-muted' style='font-size:.75em; position:absolute; bottom:3px; left:30px'>From <strong>Dan's Tools</strong></span>"
    var e=document.createElement('div')
    var r=document.createRange();
    r.selectNodeContents(e)
    var f=r.createContextualFragment(s);
    e.appendChild(f);
    e = e.firstElementChild;

这里有一个简单的方法：

String.prototype.toDOM=function(){
  var d=document
     ,i
     ,a=d.createElement("div")
     ,b=d.createDocumentFragment();
  a.innerHTML=this;
  while(i=a.firstChild)b.appendChild(i);
  return b;
};

var foo="<img src='//placekitten.com/100/100'>foo<i>bar</i>".toDOM();
document.body.appendChild(foo);