Javascript 将表存储在带有条件的变量中

Question

这就是我的页面的样子:

<div class="bgSmTitle smTitle">Customer Addresses</div>
<table class="bgLtTable">
  <tr>
    <td class="bgLtRow1 padded">New York</td>
  </tr>
  <tr>
    <td class="bgLtRow1 padded">Osaka</td>
  </tr>
  <tr>
    <td class="bgLtRow1 padded">Los Angeles</td>
  </tr>
</table>

<div class="bgSmTitle smTitle">Family Members</div>
<table class="bgLtTable">
  <tr>
    <td class="bgHeader1 padded" style="width:24%;">Name</td>
    <td class="bgHeader2 padded" style="width:10%;">Relationship</td>
    <td class="bgHeader1 padded" style="width:30%;">Age</td>
  </tr>
  <tr>
    <td class="bgLtRow1 padded">Jordan</td>
    <td class="bgLtRow2 padded">Father</td>
    <td class="bgLtRow1 padded">58</td>
  </tr>
</table>

我想存储类名为bgLtTable的表。这些表在此页面中最多可以出现 3-4 次。是否可以使用上面的div获取特定的表格？像这样的东西:

var tableAddress = div.innerHtml="Customer Addresses".table.bgLtTable;
var tableMembers = div.innerHtml="Family Members".table.bgLtTable;

Answer 1

也许尝试使用document.getElementsByTagName("TABLE");

这将为您提供一个可通过索引访问的对象

然后，您可以将这些元素分配给变量并循环遍历它，但查看类属性是否等于 className 例如

var element = document.getElementsByTagName("TABLE");
for (var i = 0; element.length > i; i++)
{
    var elementClass = element[i].getAttribute('class');
}

我不能 100% 确定这能回答你的问题，我的理解是你只是想上这门课。

我希望这会有所帮助，我对编码也很陌生，但如果可以的话，我总是愿意提供帮助。