来自 html 标记响应的正则表达式子字符串显示为空。 JS [重复]

Question

我有这个 html 字符串

<span style="font-size:25px;border-radius: 10px;">John Doe</span>

来自回复。我尝试使用此代码仅获取 John Doe

const testt = String(response.body)  
const match = testt.match(/^<span style="font-size:25px;border-radius: 10px;">(.*)<\/span>$/);
console.log('match', match[1]);

我在日志中收到null。

Answer 1

JS 已经有了 HTML 解析器，为什么不用呢？

const html = `
  <span style="font-size:25px;border-radius: 10px;">John Doe</span>
`;

const parser = new DOMParser();
const doc = parser.parseFromString(html, "text/html");
console.log(doc.querySelector("span").textContent);

// or attach to another element
const root = document.createElement("div");
root.innerHTML = html;
console.log(root.querySelector("span").textContent);

如果您在 Node 中，则可以使用 JSDom 或 Cheerio 来实现相同的目的。

const cheerio = require("cheerio");

const html = `
  <span style="font-size:25px;border-radius: 10px;">John Doe</span>
`;
const $ = cheerio.load(html);
console.log($("span").text());

不管怎样，请don't use regex to parse HTML。