有没有办法先按类隔离HTML元素，然后在没有for循环的情况下隔离？

Question

我有一个包含两列文字的表格。左列中的行具有属于一个类的递增ID，而另一列具有所有属于另一个类的递增ID。这些类/ id定义在td级别完成。

我需要首先通过它的类找到一个元素，然后通过它的id找到它。我可以通过getItemsByClassName获取类项，这给了我一个节点列表。我想我可以遍历该列表并查找匹配的id，但是对于手动for循环/迭代来说似乎有点笨拙。我需要经常这样做，所以我想知道是否有更好，更“支持”的方式来做到这一点？

编辑：更新了代码示例

 <table>
      <tr>
           <td>
                <div class = "class1" id = "1"> Text </div>
           </td>
           <td>
                <div class = "class2" id = "1"> Text </div>
           </td>
      </tr>
 </table>

正如下面的答案所示，听起来问题实际上可以通过实际使ids独特来解决。

Answer 1

在HTML中，id应该是唯一的，每个文档只出现一次。如果您正确使用ID，则应该能够使用document.getElementById()获取所需的元素，而不考虑其类名。

如果您的ID不是唯一的，那么您需要先解决该问题。