removeAttribute removes an attribute from the specified element.
element.removeAttribute(attrName);
attrName is a string that names the attribute to be removed from element.// <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// now: <div id="div1" width="200px">
You should use removeAttribute instead of setting the attribute value to null using setAttribute.
Attempting to remove an attribute that is not on the element doesn't raise an exception.
removeAttribute returns nothing, so you cannot remove multiple attributes by chaining this method.
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 | - |
DOM Level 2 Core: removeAttribute (introduced in DOM Level 1 Core)
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/element/removeAttribute