Javascript Reference - HTML DOM createAttribute() Method








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

Browser Support

createAttribute Yes Yes Yes Yes Yes

Syntax

document.createAttribute(attributename)

Parameters

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




Return Value

Type Description
Node object The created attribute

Example

The following code shows how to create a class attribute, with the value "democlass", and insert it to an H1 element.


<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.democlass{<!--from  w  w w .j  av  a 2  s. c om-->
  color:red;
}
</style>
</head>
<body>
<h1>Hello World</h1>
<button onclick="myFunction()">test</button>
<script>
function myFunction()
{
    var h1=document.getElementsByTagName("H1")[0];
    var att=document.createAttribute("class");
    att.value="democlass";
    h1.setAttributeNode(att);
}
</script>

</body>
</html>

The code above is rendered as follows: