如何使用javascript的正则表达式从字符串中获取html标

Question

我正在尝试为我的在线 HTML 和 CSS 编辑器提供突出显示（彩色）代码。假设我在 javascript 中有一个像这样的字符串 -"<h1>hello world!</h1> <br>  <span>Some text...</span>"我怎样才能使用正则表达式从此字符串中提取所有 html 标签？结果应包含字符串中的每个 html 标签，例如 - <h1>, </h1>, <br>, <span>,</span>结果可以是任何格式，但它必须包含字符串中的每个 html 标记。

Answer 1

您可以使用以下正则表达式从字符串中识别 html 标签，

(<([^>]+)>)

const regex = /(<([^>]+)>)/ig

const str = "<h1>hello world!</h1> <br>  <span>Some text...</span>"

while ((result = regex.exec(str))) {

    if (result.index === regex.lastIndex) {

     regex.lastIndex++;

  }

  console.log(result[0])

 }