有没有办法像这样转换 HTML:
<div>
<a href="#"></a>
<span></span>
</div>
或任何其他 HTML 字符串到 DOM 元素中? (这样我就可以使用 appendChild())。我知道我可以使用 .innerHTML 和 .innerText,但这不是我想要的——我确实希望能够将动态 HTML 字符串转换为 DOM 元素,以便可以在 .appendChild() 中传递它。
更新:似乎有些困惑。我有一个字符串中的 HTML 内容,作为 JavaScript 中变量的值。文档中没有 HTML 内容。
最佳答案
您可以使用 DOMParser
,如下所示:
var xmlString = "<div id='foo'><a href='#'>Link</a><span></span></div>";
var doc = new DOMParser().parseFromString(xmlString, "text/xml");
console.log(doc.firstChild.innerHTML); // => <a href="#">Link...
console.log(doc.firstChild.firstChild.innerHTML); // => Link
关于javascript - 将 HTML 字符串转换为 DOM 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3103962/