gpt4 book ai didi

javascript - 如何将元素的字符串表示形式解析为实际的 html 元素?

转载 作者:行者123 更新时间:2023-12-01 03:17:15 25 4
gpt4 key购买 nike

例如,如果我有:

'<html><body><p>hello</p></body></html>'

如何将其解析为实际的 html 元素?

我尝试过如下所示:

getNodeType(element) {
const temp = document.createElement('div');
temp.innerHTML = element;
if (temp.firstChild) return temp.firstChild.nodeName;
else return null;
}

效果很好,但我无法解析诸如 <html> 之类的标签, <body> ,和<title>因为它们无法包含在 div 中。我也尝试过 DOMParser,但它将所有内容包装在 html、head 和 body 标记中,因此我无法识别实际的元素。

宁愿不使用 jQuery,但也不完全反对它。

非常感谢任何建议,非常感谢!

最佳答案

您应该使用 DOMParser 来实现此目的:

parser = new DOMParser();
doc = parser.parseFromString('<html><body><p>hello</p></body></html>', 'text/html');
console.log(doc.getElementsByTagName('p')[0])
// will print: <p>hello</p>

更多信息请点击:https://developer.mozilla.org/en/docs/Web/API/DOMParser

关于javascript - 如何将元素的字符串表示形式解析为实际的 html 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45471420/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com