HTML DOM attributes property

HTML DOM Element Object

attributesAttributes return the active collection of all attribute nodes registered to the specified element node.

Nodes can be accessed by index, starting from 0.

Use the length property of the NamedNodeMap object to determine the number of attributes.

HTML attributes are attribute nodes, allProperties and methodsCan be used for Attribute objects.

Syntax:

element.attributes

var len = document.querySelector("img").attributes.length;

Browser compatibility

All browsers fully support the attribute property:

Technical Details

More Examples

Get the second attribute of the IMG element (index1）name：

var　x　=　document.querySelector("img").attributes[1].name;

Get the second attribute of the IMG element (index1）value：

var　x　=　document.querySelector("img").attributes[1].value;

Traverse all properties of the IMG element and output the name and value of each property:

var　attrList　=　document.querySelector("img").attributes;
var　txt　=　"";
for　(let　i　=　0;　i　<　attrList.length;　i++)　{
txt　+=　attrList[i].name　+　"　=　"　+　attrList[i].value　+　"<br>";
}

HTML DOM Element Object