使用JavaScript从HTML元素中删除属性

使用Element.removeAttribute()方法可以删除HTML元素的任何属性。这允许您指定属性名称并从元素中删除它。

document.querySelector('img').removeAttribute('src');
// 从<img>元素中删除'src'属性

但是如果您想要删除HTML元素的所有属性怎么办?Element.attributes是一个包含元素所有属性的属性。

为了枚举元素的属性,可以使用Object.values()。然后可以使用Array.prototype.forEach()迭代属性数组,从元素中删除每个属性。

const removeAttributes = element =>
  Object.values(element.attributes).forEach(({ name }) =>
    element.removeAttribute(name)
  );

removeAttributes(document.querySelector('p.special'));
// 段落将不再具有'special'类,
// 并且所有其他属性将被删除