How to get the value of an attribute in Javascript

by

Node values and Element Attributes are different parts of an html tag.
So, you have to use element.value instead.

This is a an example, to show you how you can fetch value, data, attribute from an input field.

The HTML input field.

<input type="text" id="profile" data-nationality="Eritrean" value="Simon">

and the javascript.

var el = document.getElementById("profile"); 

console.log(el.value) // Simon
console.log(el.getAttribute("id")) // profile
console.log(el.dataset.nationality) // Eritrean

More Related Contents:

  1. required field notification using jquery
  2. I want to change Javascript Font , Size and to be Bold
  3. Filter an array of object based on weekly filters and return each week data
  4. Link and execute external JavaScript file hosted on GitHub
  5. How do I concatenate a string with a variable?
  6. Why doesn’t a Javascript return statement work when the return value is on a new line?
  7. Why JavaScript treats a number as octal if it has a leading zero
  8. Detect a finger swipe through JavaScript on the iPhone and Android
  9. new Date() is working in Chrome but not Firefox
  10. Closure in JavaScript – whats wrong?
  11. Ternary operators in JavaScript without an “else”
  12. Create array of unique objects by property
  13. What are cookies and sessions, and how do they relate to each other?
  14. How to add text inside the doughnut chart using Chart.js?
  15. Best JavaScript compressor [closed]
  16. How to pull the file name from a url using javascript/jquery?
  17. Prevent JavaScript keydown event from being handled multiple times while held down
  18. Where should I initialize pg-promise
  19. Convert JSON string to array of JSON objects in Javascript
  20. How can I convert numbers into scientific notation?
  21. Angular: In which lifecycle hook is input data available to the Component
  22. Setting rounded corners for svg:image
  23. Why is document.execCommand(“paste”) not working in Google Chrome?
  24. How do you search an array for a substring match?
  25. new FormData() “application/x-www-form-urlencoded”
  26. const keyword scope in Javascript
  27. Mongoose: multiple query populate in a single call
  28. Conflicting boolean values of an empty JavaScript array
  29. How to have nested loops with map in JSX?
  30. How to use Math.max, etc. as higher-order functions

Leave a Comment