X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR BOOTSTRAP XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML DOM attributes Property

Element Object Reference Element Object

Example

Find out how many attributes a <button> element have:

var x = document.getElementById("myBtn").attributes.length;

Try it yourself »


Definition and Usage

The attributes property returns a collection of the specified node's attributes, as a NamedNodeMap.

Tip: Numerical indexing is useful for going through all of an element's attributes: You can use the length property to determine the number of attributes, then you can loop through all attributes nodes and extract the info you want.

Tip: Each attribute is a Node object, with all the properties and methods available for the Node object.


Browser Support

Property
attributes Yes Yes Yes Yes Yes

Note: In Internet Explorer 8 and earlier, the attributes property will return a collection of all possible attributes for an element.


Syntax

node.attributes

Technical Details

Return Value: A NamedNodeMap object, representing a collection of attributes
DOM Version Core Level 1 Node Object


Examples

More Examples

Example

Get the name of a <button> element's second (index 1) attribute:

var x = document.getElementById("myBtn").attributes[1].name;

Try it yourself »

Example

Find out how many attributes an <img> element have:

var x = document.getElementById("myImg").attributes.length;

Try it yourself »

Example

Loop through all attributes of an <img> element and output each attribute's name and value:

var x = document.getElementById("myImg");
var txt = "";
var i;
for (i = 0; i < x.attributes.length; i++) {
    txt = txt + x.attributes[i].name + " = " + x.attributes[i].value + "<br>";
}
document.getElementById("demo").innerHTML = txt;

Try it yourself »


Element Object Reference Element 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