javascript - 正则表达式: grab part of string

Question

所以我在 textarea 元素中得到了以下输入:

<quote>hey</quote>

what's up?

我想将 <quote> 之间的文本分开和</quote> (所以在这种情况下结果将是“嘿”，没有其他内容。

我尝试使用 .replace 和以下正则表达式，但它没有达到正确的结果，我不明白为什么:

quoteContent = value.replace(/<quote>|<\/quote>.*/gi, ''); (结果是 'hey what's up' 它不会删除最后一部分，在本例中 'what's up' ，它只会删除引号)

有人知道如何解决这个问题吗？

Answer 1

即使只是一个小的 html 片段，don't use regex to do any html parsing 。相反，获取值，使用 DOM 方法并从元素中提取文本。更多代码，但更好、更安全的方法:

const el = document.getElementById('foo');
const tmp = document.createElement('template');
tmp.innerHTML = el.value;
console.log(tmp.content.querySelector('quote').innerText);

<textarea id="foo">
<quote>hey</quote>

what's up?
</textarea>