Document: createAttributeNS() method
The Document.createAttributeNS() method creates a new attribute node
with the specified namespace URI and qualified name, and returns it.
The object created is a node implementing the
Attr interface. The DOM does not enforce what sort of attributes can be
added to a particular element in this manner.
Syntax
createAttributeNS(namespaceURI, qualifiedName)
Parameters
namespaceURI-
A string that specifies the
namespaceURIto associate with the attribute. Some important namespace URIs are: qualifiedName-
A string that specifies the name of attribute to be created. The
nameproperty of the created attribute is initialized with the value ofqualifiedName.
Return value
The new Attr node.
Exceptions
NamespaceErrorDOMException-
Thrown if the
namespaceURIvalue is not a valid namespace URI. InvalidCharacterErrorDOMException-
Thrown if the
qualifiedNamevalue is not a valid XML name; for example, it starts with a number, hyphen, or period, or contains characters other than alphanumeric characters, underscores, hyphens, or periods.
Examples
const node = document.getElementById("svg");
const a = document.createAttributeNS("http://www.w3.org/2000/svg", "viewBox");
a.value = "0 0 100 100";
node.setAttributeNode(a);
console.log(node.getAttribute("viewBox")); // "0 0 100 100"