The Element
method removeAttribute()
removes the attribute with the specified name from the element.
Syntax
element.removeAttribute(attrName);
Parameters
attrName
- A
DOMString
specifying 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 | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
removeAttribute | Chrome Full support Yes | Edge
Full support
12
| Firefox Full support Yes | IE ? | Opera Full support Yes | Safari Full support 6 | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support Yes | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown
- See implementation notes.
- See implementation notes.