使用JavaScript解析html標記

Question

我想獲得存儲在標簽中的數字
var x="<a>1234</a>"; 使用JavaScript。 如何解析此標記以提取數字？

Answer 1

解析HTML並從標記中獲取值。

有兩種方法：

1. 使用DOMParser ：

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

2. 創建一個虛擬元素

 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) 

---

或者使用正則表達式（不是首選，但在簡單的html中你可以使用）：

 var x = "<a>1234</a>"; console.log(x.match(/<a>(.*)<\\/a>/)[1]) console.log(x.match(/\\d+/)[0]) 

REF： 使用正則表達式解析HTML：為什么不呢？

Answer 2

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

它是通過正則表達式，假設x保持解析的html字符串的值：

Answer 3

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

應該管用