Wie funktioniert JavaScript durch Ersetzen von bygetElementById durch getElementsByClass

Question

Ich beziehe mich auf eine der SOF Antworten zum Sortieren der Alphabete in der zweiten Spalte mit Javascript, hier ist das Beispiel http://jsfiddle.net/mLYch/159/.

In JS Seite hat es getElementById und ruft HTML-Tag mit der ID

<table id="caltbl"> 

var tbl = document.getElementById("caltbl").tBodies[0]; 

ich das gleiche mit der Klasse versucht, und es funktioniert nicht.

<table class="caltbl"> 

var tbl = document.getElementsByClass('caltbl').tBodies[0]; 

Kann jemand bitte assistieren, wie man das Skript ohne ID laufen lässt?

Answer 1

Benutzer .querySelector stattdessen ändern müssen, wenn Sie nur die erste wollen.

var tbl = document.querySelector('.caltbl > tbody'); 

---

Oder, wenn Sie mehrere wollen, eine Schleife mit .querySelectorAll verwenden.

Oder Sie können die Schleife mit .getElementsByClassName verwenden, wenn Sie bevorzugen.

Answer 2

document.getElementsByClass ein Array zurückgibt (da kann mich mehr als ein Element mit dieser Klasse), so würden Sie Ihren Code

var tbl = document.getElementsByClass('caltbl')[0].tBodies[0];