How to get Value from html string?

Question

I have a html string like this which response from API:

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

So the content maybe dynamic but the tag <code> is unique. I want to have some more solutions on this to see what is the best solution.

document.getElementsByTagName("code") is what you should be looking for — Prasanna
– Prasanna, Commented Nov 26, 2019 at 3:22
"I want to have some more solutions…" You haven't shown any solutions, so this is just a request for free code. — RobG
– RobG, Commented Nov 26, 2019 at 3:23
Nope. This string come from API and we cannot get the value inside <code> by document. — Hoang Subin
– Hoang Subin, Commented Nov 26, 2019 at 3:23
@HoangTranSon yeah didn't see the string thing. Someone has already provided a correct answer to your question. — Prasanna
– Prasanna, Commented Nov 26, 2019 at 3:25

Nick Parsons · Accepted Answer · 2019-11-26 03:23:23Z

9

You could use a DOMParser to convert your HTML string into a Document object which you can then use querySelector() to get your desired value:

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);

answered Nov 26, 2019 at 3:23

Nick Parsons

51.7k6 gold badges61 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to get Value from html string?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related