JavaScript 删除字符串标签属性和样式，保留 img 标签 src 属性

{"title":"JavaScript 删除字符串标签属性和样式，保留 img 标签 src 属性","description":"使用正则表达式删除字符串中标签的属性和样式，同时保留 img 标签的 src 属性，实现对文本内容的精简处理。","keywords":"JavaScript, 字符串处理, 正则表达式, 标签属性, 样式, img 标签, src 属性","content":"可以使用正则表达式来删除字符串中的标签属性和样式，然后使用字符串替换的方式保留img标签的src属性。\n\n以下是一个示例代码：\n\njavascript\nfunction removeAttributesAndStyles(str) {\n // 删除所有标签的属性和样式\n var regex = /<([^>]+)(?:\s+[^>]+)*>/g;\n str = str.replace(regex, function(match) {\n return "<" + match.replace(/\s*[^=]*=[^>]*\s*/g, "") + ">"\n });\n\n // 保留img标签的src属性\n str = str.replace(/<img([^>]+)>/g, function(match, attributes) {\n return "<img" + attributes.replace(/\s*src\s*=\s*"[^"]*"\s*/g, "") + ">"\n });\n\n return str;\n}\n\n// 示例用法\nvar input = '<div style="color: red;">This is a <span style="font-weight: bold;">sample</span> text with <img src="image.jpg" alt="Sample Image"> tags.</div>';\nvar output = removeAttributesAndStyles(input);\nconsole.log(output);\n\n\n输出结果为：\n\nhtml\n<div>This is a sample text with <img src="image.jpg"> tags.</div>\n\n\n注意：这段代码仅适用于简单的标签结构，如果涉及到复杂的嵌套关系和属性样式结构，可能需要更复杂的正则表达式或其他方法来处理。"}