Add removeAttributes snippet
This commit is contained in:
25
snippets/removeAttributes.md
Normal file
25
snippets/removeAttributes.md
Normal 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
|
||||||
|
```
|
||||||
Reference in New Issue
Block a user