logo标签列表

如何从HTML字符串中获取值？

javascripthtml
4

我有一个html字符串，它是从API响应中获取的：

const response = `
<html>
  <head>
    <title></title>
  </head>
  <body>
     <code>Value I want to get<br></code>
  </body>
</html>
`;

因此，内容可能是动态的，但标签<code>是唯一的。我想要更多的解决方案来看看哪个是最佳解决方案。

你应该寻找的是 document.getElementsByTagName("code")。 - Prasanna
2
“我想要更多的解决方案...” 你还没有展示任何解决方案，所以这只是一个请求免费代码。 - RobG
不行。这个字符串来自API，我们无法通过文档获取<code>内的值。 - Tran Son Hoang
1
@HoangTranSon 嗯，我没看到字符串的问题。有人已经给出了你问题的正确答案。 - Prasanna
1个回答
9
您可以使用DOMParser将您的HTML字符串转换为一个文档对象，然后使用querySelector()获取所需值。 

const response = `
<html>
  <head>
    <title></title>
  </head>
  <body>
     <code>Value I want to get<br></code>
  </body>
</html>
`;

const {body} = new DOMParser().parseFromString(response, 'text/html');
const value = body.querySelector('code').innerText; // find <code> tag and get text
console.log(value);

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接