javascript - 如何通过用 getElementsByClass 替换 bygetElementById 来使 JavaScript 工作

Question

这个问题已经有答案了:

What do querySelectorAll and getElementsBy* methods return? (12 个回答)

已关闭 5 年前。

我指的是使用 javascript 对第二列中的字母进行排序的 SOF 答案之一，这里是示例 http://jsfiddle.net/mLYch/159/ .

在 JS 端，它有 getElementById 并使用 id 调用 HTML 标签

 <table id="caltbl">

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

我在类里面尝试了同样的方法，但没有成功。

 <table class="caltbl">

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

有人可以协助如何使用使脚本在没有 ID 的情况下运行吗？

Answer 1

如果您只想要第一个，则改为用户.querySelector。

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

<小时/>

或者，如果您想要多个，请使用带有 .querySelectorAll 的循环。

var tbls = document.querySelectorAll('.caltbl > tbody:first-of-type');
for (var i = 0; i < tbls.length; i++) {
  var tbl = tbls[i];
  // ...
}

或者，如果您愿意，也可以将循环与 .getElementsByClassName 一起使用。