如何使用JS删除所有尖括号和内部的一切？

Question

我有一串HTML元素，

let test = `<figure><img alt="" src="some_image.jpg"><figcaption>I think DC is better than Marvel <span class="whatever">...`

我需要移除每一个<...>，因此它会变成test = "I think DC is better than Marvel..."。

我最接近的是：

var str = "<hello> Test </hello>"
str.replace(/<[^>]*/g, ""); //=> "> Test >"
str.replace(/<*>*/g, ""); //=> "hello Test /hello"

但是，不完全是这样。我怎样才能做到这一点？

Answer 1

将HTML添加为新元素的innerHTML，然后提取textContent。

let test = `<figure><img alt="" src="some_image.jpg"><figcaption>I think DC is better than Marvel <span class="whatever">`

const el = document.createElement('div');
el.innerHTML = test;
const txt = el.textContent;
console.log(txt);