javascript - 如何使用 Javascript 和正则表达式删除变量内的 <style type ="text/css"> ... </style>

Question

我有一个 javascript 变量，其中包含 HTML 页面的内容。我想删除内联 <style type="text/css"> ... </style>由此。我之前问过，建议我将其添加到 DOM 中。

有没有更简单的方法可以使用正则表达式删除它。我需要匹配<style>作为开始和 </style>作为结束。我听说过正则表达式，但不确定它是否可以与 javascript 一起使用。

Answer 1

Ingmars 的想法是正确的，只是它缺少一个重要的问号、一些额外的 HTML/XML 可能性(例如在两种情况下标签名称后面都允许有空格，以及第一种情况下的属性)，并且还将其替换为消息(我假设您只是想完全删除它)。

除非属性包含“>”(这是计算出的风险)，否则这将有效。编写代码时假定 htmlString 是包含 HTML 文档的实际变量。

htmlString = htmlString.replace(/<style\b[^<>]*>[\s\S]*?<\/style\s*>/gi, '');