The Element method removeAttribute() removes the attribute with the specified name from the element.
Syntax
element.removeAttribute(attrName);
Parameters
attrName- A
DOMStringspecifying the name of the attribute to remove from the element. If the specified attribute does not exist,removeAttribute()returns without generating an error.
Return value
undefined.
Note: Since removeAttribute() doesn't return a value, you can't chain multiple calls together to remove multiple attributes at once.
Usage notes
You should use removeAttribute() instead of setting the attribute value to null either directly or using setAttribute(). Many attributes will not behave as expected if you set them to null.
DOM methods dealing with element's attributes:
| Not namespace-aware, most commonly used methods | Namespace-aware variants (DOM Level 2) | DOM Level 1 methods for dealing with Attr nodes directly (seldom used) |
DOM Level 2 namespace-aware methods for dealing with Attr nodes directly (seldom used) |
|---|---|---|---|
setAttribute (DOM 1) |
setAttributeNS |
setAttributeNode |
setAttributeNodeNS |
getAttribute (DOM 1) |
getAttributeNS |
getAttributeNode |
getAttributeNodeNS |
hasAttribute (DOM 2) |
hasAttributeNS |
- | - |
removeAttribute (DOM 1) |
removeAttributeNS |
removeAttributeNode |
- |
Example
// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">
Specification
DOM Level 2 Core: removeAttribute (introduced in DOM Level 1 Core)
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Basic support | Chrome Full support Yes | Edge Full support Yes | Firefox Full support Yes | IE ? | Opera Full support Yes | Safari Full support 6 | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android ? | Opera Android Full support Yes | Safari iOS ? | Samsung Internet Android ? |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown
Document Tags and Contributors
Tags:
Contributors to this page:
mfluehr,
Sheppy,
connorshea,
JonathanPool,
fscholz,
teoli,
kscarfone,
nairakhil13,
mattbasta,
Matej Lednar,
Mgjbot,
Danielpunt,
Fredchat,
Ptak82,
Nickolay,
Jabez,
Dria,
JesseW
Last updated by:
mfluehr,