去除 html 标签所有属性
在处理 HTML 代码时，经常需要去除标签上的属性，以便获得更简洁的基础代码。本文提供了一种使用 JavaScript 正则表达式清除 HTML 标签所有属性的方法。
以下代码演示了如何使用该方法：
function removeAttributes(htmlString) {
// 正则表达式匹配 HTML 标签和属性
var pattern = /<[^>]+?(\s+[^\>]*?)?>/gi;
// 使用字符串替换将匹配到的标签和属性清除
var cleanString = htmlString.replace(pattern, function(match) {
return match.replace(/(\s+\w+(="[^"]*")?)/gi, '');
});
return cleanString;
}
// 示例用法
var htmlString = '<p class="my-class" style="color:red">This is a paragraph.</p>';
var cleanedString = removeAttributes(htmlString);
console.log(cleanedString); // <p>This is a paragraph.</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/ai/1745" title="FineCam"><img
src="https://img.php.cn/upload/ai_manual/000/000/000/175680325226993.png" alt="FineCam" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/ai/1745" title="FineCam">FineCam</a>
<p>FineShare平台的推出的AI虚拟摄像头，可以将任何摄像头转换为高质量的网络摄像头</p>
</div>
<a href="/ai/1745" title="FineCam" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div>通过调用 removeAttributes 方法，即可去除 HTML 代码中的所有标签属性，生成更简洁的基础代码。
立即学习“Java免费学习笔记（深入）”；
