HTML DOM getAttribute() method

getAttribute()The method returns the value of the specified attribute on the element.

If the given attribute does not exist, the returned value will benullor "" (empty string).

If you want to use the attribute asAttr objectReturn, please usegetAttributeNode()Method.

Syntax:

element.getAttribute(attr)

Example

var x = document.getElementsByTagName("H1")[0].getAttribute("class");

All browsers fully support the getAttribute() method:

Method
getAttribute()	Is	Is	Is	Is	Is

Parameter	Description
attr	The name of the attribute from which you want to retrieve the value

Return value:	A string that represents the value of the specified attribute
DOM Version:	DOM Level1

Get the value of the style attribute of the element:

Example

var x = document.getElementsByTagName("H1")[0];
x.getAttribute("style");

Get the href attribute value of the anchor element:

Example

var x = document.getElementsByTagName("a")[0];
x.getAttribute("href");

Get the value of the src attribute of the image element:

Example

var x = document.getElementsByTagName("img")[0];
x.getAttribute("src");