Question

我在HTML中有两个表：

<tr>
    <td width="319" align="right" bgcolor="#F5F5F5" class="txtdarkgreybold">Article title:</td>
    <td width="346" align="left" bgcolor="#F5F5F5">My title</td>
</tr>
<tr>
    <td align="right" class="txtdarkgreybold">Author:</td>
    <td align="left"><a href="/index.php?action=search&amp;name1=Przylipiak Mirosław&amp;results=10">Doe John</a><br /></td>
</tr>

使用document.getElementsByClassName("txtdarkgreybold")我可以检索字符串Article title:，但我对它后面的内容感兴趣，即：My title。我该怎么做呢？在第二个表格中，我可以获得Author:，但我对Doe John感兴趣。我正在考虑将nextSibling作为一种获取字符串的方法，但是我无法自己实现它。

Answer 1

您可以将 nextElementSibling 与 textContent 一起使用：

document.querySelector('.txtdarkgreybold').nextElementSibling.textContent

希望这有帮助。

console.log( document.querySelectorAll('.txtdarkgreybold')[0].nextElementSibling.textContent );

console.log( document.querySelectorAll('.txtdarkgreybold')[1].nextElementSibling.textContent );

<table>
  <tr>
    <td width="319" align="right" bgcolor="#F5F5F5" class="txtdarkgreybold">Article title:</td>
    <td width="346" align="left" bgcolor="#F5F5F5">My title</td>
  </tr>
  <tr>
    <td align="right" class="txtdarkgreybold">Author:</td>
    <td align="left"><a href="/index.php?action=search&amp;name1=Przylipiak Mirosław&amp;results=10">Doe John</a><br /></td>
  </tr>
</table>

使用nextSibling

1 个答案: