Erhalten Sie den Klassenwert in Javascript

Question

Ich mag dumm klingen, aber ich versuche, den Wert eines Klassenattributs zu erhalten. Aber es spuckt undefiniert, während der Rest der Eigenschaften gut funktionieren. Ich suchte auf Stackoverflow, aber diejenigen verwenden byClassName oder byTagName aber ich will byElementId JSBIN Link

Diese Funktion ist

(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"> 

Answer 1

Verwenden className Eigenschaft Klasse zu erhalten

(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">

Answer 2

(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">

Answer 3

Wenn Sie mit jQuery

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

Javascript Mit

document.getElementById("fname").className