下面是一个简单的HTML表,我想 Select 唯一的<tbody>
个元素.
<table>
<thead>
<tr>
<td>Team</td>
<td>Points</td>
</tr>
</thead>
<tbody>
<tr>
<td>A</td>
<td>15</td>
</tr>
<tr>
<td>B</td>
<td>21</td>
</tr>
</tbody>
</table>
因为只有一个<tbody>
,我以为我可以用:nth-child(1)
得到它,但失败了.
> document.querySelectorAll('table > tbody').length /* It worked */
< 1
> document.querySelectorAll('table > tbody:nth-child(1)').length /* It failed */
< 0
> document.querySelectorAll('table > tbody:nth-child(2)').length /* It worked */
< 1
为什么tbody:nth-child(1)
不存在,但同时tbody:nth-child(2)
存在?