使用 JavaScript 解析 html 标签

Question

我想获取存储在标签中的数字，例如
var x="<a>1234</a>";使用 JavaScript。如何解析此标签以提取数字？

Answer 1

解析 HTML 并从标签中获取值。

有2种方法：

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：为什么不呢？