如何使用JavaScript处理字符串中的HTML元素并完整移除table、img标签及内容

你的原有代码仅匹配删除了<table>开标签和<img>标签，没有覆盖table内部的所有内容以及闭合的</table>标签，所以内部的单元格、文本等内容都会残留。推荐优先用更稳妥的DOM解析方案，仅在无DOM环境的简单场景下使用正则方案。

方案1：DOM解析处理（推荐） #

利用浏览器原生DOM能力处理HTML，不会出现正则匹配的边界错误，兼容性更好：

// 创建临时DOM容器
const tempContainer = document.createElement('div');
// 注入原始HTML内容
tempContainer.innerHTML = data.data.description;
// 删除所有img元素
tempContainer.querySelectorAll('img').forEach(el => el.remove());
// 删除所有table元素（包含内部全部内容）
tempContainer.querySelectorAll('table').forEach(el => el.remove());
// 获得清理后的HTML字符串
const cleanedDescription = tempContainer.innerHTML;

方案2：正则匹配处理 #

如果你的运行环境没有DOM能力，可以使用修正后的正则，注意正则仅适合无嵌套table、HTML格式规范的场景：

const cleanedDescription = data.data.description
  // 移除所有img元素
  .replace(/<img[^>]*>/gi, '')
  // 移除完整table元素：s修饰符让.匹配换行符，.*?为非贪婪匹配避免多table场景下匹配错误
  .replace(/<table[^>]*>.*?<\/table>/gis, '');

内容的提问来源于stack exchange，提问作者Juan