Get the class value in javascript

Question

I may sound stupid but I am trying to get the value of a class attribute. But it is spitting undefined, while rest of the properties are working fine. I searched on stackoverflow but those are using byClassName or byTagName but I want byElementId JSBIN Link

This is the function

(function() {
  var fname = document.getElementById("fname");
  console.log(fname.id); //fname
  console.log(fname.name); //firstName
  console.log(fname.class); //undefined    
})();

HTML

<input type="text" name="firstName" id="fname" class="gotcha">

you access class via .className, alternatively you can use .getAttribute('class') — Joe Thomas, May 26 '16 at 06:39
potential duplicate of http://stackoverflow.com/questions/7796127/how-to-get-class-name-through-javascript — Joe Thomas, May 26 '16 at 06:40

score 2 · Accepted Answer · answered May 26 '16 at 06:39

2

Use className property to get class

(function() {
  var fname = document.getElementById("fname");
  console.log(fname.id); //fname
  console.log(fname.name); //firstName
  console.log(fname.className); //undefined

})();

<input type="text" name="firstName" id="fname" class="gotcha">

answered May 26 '16 at 06:39

Pranav C Balan

113,687
23
165
188

@fruitjs : glad to help :) – Pranav C Balan May 26 '16 at 06:43

score 1 · Answer 2 · answered May 26 '16 at 06:39

(function() {
      var fname = document.getElementById("fname");
      console.log(fname.id); //fname
      console.log(fname.name); //firstName
      console.log(fname.className);
    
    })();

<input type="text" name="firstName" id="fname" class="gotcha">

score 0 · Answer 3 · answered May 26 '16 at 06:42

0

If you are using jQuery

$('#fname').attr('class')

Using Javascript

document.getElementById("fname").className

answered May 26 '16 at 06:42

prajeesh

2,202
6
34
59

Get the class value in javascript

3 Answers3