Parsing an html tag with JavaScript

Question

I want to get number that is stored in a tag like
var x="<a>1234</a>"; using JavaScript. How can I parse this tag to extract the numbers?

In general i am calculating some stuff and saving it with tag <a>. I am doing this several times but i want to add every result after calculation is done. After saving the value with <a> tag i need to get it back to add value and save it again — Abdullo Umarov
– Abdullo Umarov, Commented Mar 10, 2019 at 18:48

Pranav C Balan · Accepted Answer · 2019-03-10 18:43:58Z

Parse the HTML and get value from the tag.

There are 2 methods :

Using DOMParser :

var x="<a>1234</a>";

var parser = new DOMParser();
var doc = parser.parseFromString(x, "text/html");

console.log(doc.querySelector('a').innerHTML)

Creating a dummy element

var x = "<a>1234</a>";
// create a dummy element and set content
var div = document.createElement('div');
div.innerHTML = x;

console.log(div.querySelector('a').innerHTML)

Or using regex(not prefered but in simple html you can use) :

var x = "<a>1234</a>";

console.log(x.match(/<a>(.*)<\/a>/)[1])

console.log(x.match(/\d+/)[0])

REF : Using regular expressions to parse HTML: why not?

Ghonima · Accepted Answer · 2019-03-10 18:37:17Z

1

var x="<a>1234</a>".replace(/\D/g, "");
alert(x);

should work

answered Mar 10, 2019 at 18:37

Ghonima

3,1122 gold badges17 silver badges25 bronze badges

1 Comment

Abdullo Umarov Over a year ago

Thanks for response!

Waqar Naeem · Accepted Answer · 2019-03-10 19:18:20Z

1

var x = "<a>1234</a>";
var tagValue = x.match(/<a>(.*?)<\/a>/i)[1];
console.log(tagValue);

it is by Regular Expression, assume x hold the value of the parsed html string:

edited Mar 10, 2019 at 19:18

answered Mar 10, 2019 at 18:45

Waqar Naeem

1,2238 silver badges12 bronze badges

3 Comments

Aniket G Over a year ago

Please add an explanation

Waqar Naeem Over a year ago

it is by Regular Expression, assume x hold the value of the parsed html string:

Aniket G Over a year ago

Add that into the answer

Collectives™ on Stack Overflow

Parsing an html tag with JavaScript

3 Answers 3

Comments

1 Comment

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

3 Comments

Linked

Related