使用JavaScript解析html标记

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?

Answer 1

Parse the HTML and get value from the tag.

There are 2 methods :

1. Using DOMParser :

 var x="<a>1234</a>"; var parser = new DOMParser(); var doc = parser.parseFromString(x, "text/html"); console.log(doc.querySelector('a').innerHTML) 

2. 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?

Answer 2

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:

Answer 3

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

should work