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 . I am doing this several times but i want to add every result after calculation is done. After saving the value with tag i need to get it back to add value and save it again — Abdullo Umarov, Mar 10 '19 at 18:48

Pranav C Balan · Accepted Answer · 2019-03-10T18:43:58.453

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?

score 1 · Answer 2 · answered Mar 10 '19 at 18:37

1

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

should work

answered Mar 10 '19 at 18:37

Ghonima

2,978
2
14
23

Thanks for response! – Abdullo Umarov Mar 12 '19 at 15:32

Waqar Naeem · Answer 3 · 2019-03-10T19:18:20.380

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 '19 at 19:18

answered Mar 10 '19 at 18:45

Waqar Naeem

963
6
12

Please add an explanation – Aniket G Mar 10 '19 at 19:07
1

it is by Regular Expression, assume x hold the value of the parsed html string: – Waqar Naeem Mar 10 '19 at 19:16
1

Add that into the answer – Aniket G Mar 10 '19 at 19:16

Parsing an html tag with JavaScript

3 Answers3