className gibt undefined in Javascript zurück

Question

Es gibt viele ähnliche Fragen und Antworten, aber nachdem ich alle Lösungen versucht habe, kann ich nicht herausfinden, was mit meinem Code falsch ist.

Hier ist mein Code

var x = document.getElementsByClassName('xclass1 xclass2 xclass3'); 
console.log(x); 
x.className += ' class4'; 
console.log(x); 
console.log(x.className); 

Hier ist, was in der ersten console.log zeigt sich:

[a.xclass1.xclass2.xclass3] 

Es zeigt, dass es das richtige Element

Hier ist, was zeigt, ist findet in der zweiten console.log:

[a.xclass1.xclass2.xclass3, className: "undefined class4"] 

diese

Und die dritte zurück:

undefined class4 

Kann jemand bitte erklären, warum className kehrt undefined? Ich bin hier völlig verloren

Answer 1

Siehe unten Code-Schnipsel

Rückkehr nicht definiert, weil Sie Klasse für Array von Objekt zu trösten versucht, das Element nicht eigentliches Element umfasst.

var x = document.getElementsByClassName('xclass1 xclass2 xclass3'); 
 
console.log(x); 
 
x[0].className += ' class4'; 
 
console.log(x); 
 
console.log(x[0].className);

<div class="xclass1 xclass2 xclass3"></div>