如何删除HTML标记中带空属性值的特定元素节点（如空src的img）

原代码存在的问题 #

你提供的代码有几个关键问题导致无法正确删除目标元素：

1. document.getElementsByTagName('img')返回的是HTMLCollection，它不是数组，不能直接调用forEach方法
2. 使用element.src获取属性值会被浏览器自动解析为绝对URL，哪怕原src是空字符串，也会变成当前页面的地址，导致URL验证函数判断错误
3. 需求只是删除src为空的元素，不需要复杂的URL校验，反而会多此一举

正确的实现方案 #

直接通过属性选择器选中所有src为空的img元素，然后遍历删除即可：

修正后的JavaScript代码

// 直接选中所有src属性为空的img元素
const emptySrcImgs = document.querySelectorAll('img[src=""]');

// 遍历删除每个元素
emptySrcImgs.forEach(img => {
  img.remove();
});

对应的HTML示例

<img id="image-1206-140" alt="" src="" class="ct-image img-proect" href="site.com">
<img id="image-1207-140" alt="" src="" class="ct-image img-proect" href="">
<img id="image-1208-140" alt="" src="https://example.com/valid-image.jpg" class="ct-image img-proect">

扩展：通用删除带有空属性的元素 #

如果要处理其他属性（比如href为空的a标签），只需要修改选择器即可：

// 删除所有href属性为空的a标签
document.querySelectorAll('a[href=""]').forEach(a => a.remove());

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