Javascript 计算表中超链接的数量

您好，我有一个动态web表，我想使用Javascript计算表中的超链接

以下是HTML：

      <tbody>
       <tr>
        <td style="..."
         <a id =" " href="test1">123456</a>
        </td>
        <td style="..."
         <a id =" " href="test2">123477</a>
        </td>
        <<td style="..."
         <a id =" " href="test3">1234557</a>
        </td>

是否要统计表中的所有
A
标记

做点像

const table = document.getElementById("tableID");
const total = table.querySelectorAll('a').length;

使用并获取集合的长度：


let linkCount=document.querySelectorAll（'#tableID tr>td>a'）.length
console.log（linkCount）

试试看


let linksNum=mytable.queryselectoral（'a'）.length；
控制台日志（linksNum）

您可以尝试此操作，请参阅。这将选择表中的所有
htmlanchoreElement
元素，您可以更改父元素以适应您的条件


var container=document.querySelector（“表”）；//父母亲
//如果您有许多表，您可以执行以下操作：选择特定的表
//var container=document.getElementById（“tableid”）；//父母亲
var matches=container.querySelectorAll（“a”）；
console.log（matches.length）

标签名为
a
href
是一个属性。
getElementsByTagName（“a”）.length
document.querySelectorAll（“#tableID a”）.length
可能就足够了，除非OP有嵌套的表
tableID.querySelectorAll（'a'）。长度也可以。
getElementsByTagName
完成这项工作，你不需要
querySelectorAll
@Geoffroy如果你真的，我的意思是，真的，需要实时
HTMLCollection
而不是
NodeList
。没有“
href
元素”。只有具有
href
属性的元素，如
htmlinklement
和
htmlinklement
。
const table = document.getElementById("tableID");
const total = table.querySelectorAll('a').length;

mytable.querySelectorAll('a').length