JavaScript – Get Attributes of HTML Element Element
To get attributes of an HTML Element using JavaScript, get reference to this HTML Element using a selector, and read the attributes property of this HTML Element.
In the following example, we have HTML Element with id "myElement", and we shall get the attributes of this HTML Element in JavaScript by reading this element’s attributes property.
Example
Try this program online, and open Developer Tools. Open Console window.
Click on the 'Click Me' button in our HTML page. The following shall be displayed in the console window.
attributes property returns NameNodeMap object with the attributes in the HTML Element, where the attributes can be accessed using name of the attribute or the index.
Let us print the class attribute to console.
Example – Print Attributes in For Loop
Try online, open Console window in Developer tools, and click on the Click Me button in the HTML page.
Conclusion
In this JavaScript Tutorial, we learned how to get the attributes of an HTML element using JavaScript.