X
HOME HTML5 CSS3 JAVASCRIPT SQL PHP5 JQUERY ANGULAR BOOTSTRAP3 XML MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML DOM createAttribute() Method

Document Object Reference Document Object

Example

Create a class attribute, with the value "democlass", and insert it to an <h1> element:

var h1 = document.getElementsByTagName("H1")[0];   // Get the first <h1> element in the document
var att = document.createAttribute("class");       // Create a "class" attribute
att.value = "democlass";                           // Set the value of the class attribute
h1.setAttributeNode(att);                          // Add the class attribute to <h1>

Before creating the attribute:

Hello World

After inserting the attribute:

Hello World


Try it yourself »

More "Try it Yourself" examples below.


Definition and Usage

The createAttribute() method creates an attribute with the specified name, and returns the attribute as an Attr object.

Tip: Use the attribute.value property to set the value of the attribute.

Tip: Use the element.setAttributeNode() method to add the newly created attribute to an element.

Tip: Often, you will want to use the element.setAttribute() method instead of the createAttribute() method.


Browser Support

Method
createAttribute() Yes Yes Yes Yes Yes


Syntax

document.createAttribute(attributename)

Parameter Values

Parameter Type Description
attributename Attr object Required. The name of the attribute you want to create

Technical Details

Return Value: A Node object, representing the created attribute
DOM Version Core Level 1 Document Object


Examples

More Examples

Example

Create a href attribute, with the value "www.w3schools.com", and insert it to an <a> element:

var anchor = document.getElementById("myAnchor");  // Get the <a> element with id="myAnchor"
var att = document.createAttribute("href");        // Create a "href" attribute
att.value = "http://www.w3schools.com";            // Set the value of the href attribute
anchor.setAttributeNode(att);                      // Add the href attribute to <a>

Before creating the attribute:

After inserting the attribute:


Try it yourself »


Document Object Reference Document Object


Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook