Advertisement
728x90
Attributes are defined on the HTML markup whereas properties are defined on the DOM. For example, the below HTML element has 2 attributes: type and value,
javascript
1<input type="text" value="Name:">You can retrieve the attribute value as below, for example after typing "Good morning" into the input field:
javascript
1const input = document.querySelector("input");
2
3console.log(input.getAttribute("value")); // Good morning
4
5console.log(input.value); // Good morningAnd after you change the value of the text field to "Good evening", it becomes like
javascript
1console.log(input.getAttribute("value")); // Good evening
2
3console.log(input.value); // Good eveningAdvertisement
Responsive Ad
🎯 Practice NowRelated Challenge
JavaScript Coding Exercise 10
Test your knowledge with this interactive coding challenge.
Start CodingAdvertisement
728x90
95of476