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