This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
setAttributeNS adds a new attribute or changes the value of an attribute with the given namespace and name.
If you are working with HTML documents and you don't need to specify the requested attribute as being part of a specific namespace, use the setAttribute() method instead.
setAttributeNS(namespace, name, value)
namespaceA string specifying the namespace of the attribute.
nameA string identifying the attribute by its qualified name; that is, a namespace prefix followed by a colon followed by a local name.
valueThe desired string value of the new attribute.
None (undefined).
let d = document.getElementById("d1");
d.setAttributeNS(
"http://www.mozilla.org/ns/specialspace",
"spec:align",
"center",
);
setAttributeNS is the only method for namespaced attributes which expects the fully qualified name, i.e., "namespace:local-name".
| Specification |
|---|
| DOM> # ref-for-dom-element-setattributens①> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
setAttributeNS |
1 | 12 | 1 | ≤12.1 | 1 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 | 1 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttributeNS