HTML DOM createAttribute() method

HTML DOM Document Object

createAttribute()method creates a new attribute node and adds the attribute asAttrobject is returned.

The DOM does not enforce the use of createAttribute() to add specific types of attributes to elements.

Usingattribute.value property to set the attribute value.

Usingelement .setAttributeNode()method to add the newly created attribute to the element.

Alternatively, you can useelement .setAttribute()Method in place of createAttribute() method.

Syntax:

document.createAttribute(name)

var node = document.getElementById("result");
var a = document.createAttribute("href");
a.value = "https:"//www.oldtoolbag.com/";
node.setAttributeNode(a);

Browser Compatibility

All browsers fully support the createAttribute() method:

Parameter Value

Technical Details

More Examples

Create a src attribute with the value "clouds.png" and insert it into the <img> element:

var node = document.querySelector("img");
var a = document.createAttribute("src");
a.value = "/run/images/clouds.png";
node.setAttributeNode(a);

HTML DOM Document Object