Find out how many attributes a <button> element have:
The result of x could be:
More "Try it Yourself" examples below.
The attributes property returns a collection of the specified node's attributes, as a NamedNodeMap object.
The nodes can be accessed by index numbers, and the index starts at 0.
Tip: Numerical indexing is useful for going through all of an element's attributes: You can use the length property of the NamedNodeMap object to determine the number of attributes, then you can loop through all attributes nodes and extract the info you want.
Tip: HTML attributes are attribute nodes, with all the properties and methods available for the Attribute object.
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.
Return Value: | A NamedNodeMap object, representing a collection of node's attributes |
---|---|
DOM Version | Core Level 1 Node Object |
Get the name of a <button> element's second (index 1) attribute:
The result of x could be:
Find out how many attributes an <img> element have:
The result of x could be:
Loop through all attributes of an <img> element and output each attribute's name and value: