有没有办法将 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
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)