Add removeAttributes snippet

This commit is contained in:
Chalarangelo
2022-07-16 18:04:16 +03:00
parent 674bd91a72
commit 69a116d0aa

View File

@ -0,0 +1,25 @@
---
title: Remove attributes
tags: browser
expertise: beginner
cover: blog_images/new-york.jpg
author: chalarangelo
firstSeen: 2022-07-20T05:00:00-04:00
---
Removes all attributes from an HTML element.
- Use `Element.attributes` and `Object.values()` to get all the attributes of the element.
- Use `Array.prototype.forEach()` and object destructuring to get the name of each attribute and `Element.removeAttribute()` to remove it from the element.
```js
const removeAttributes = element =>
Object.values(element.attributes).forEach(({ name }) =>
element.removeAttribute(name)
);
```
```js
removeAttributes(document.querySelector('p.special'));
// The paragraph will not have the 'special' class anymore
```