使用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'类,
// 并且所有其他属性将被删除