无 html 标记的 html 元素的普通 javascript 选择器

Question

我正在做一个小项目，我会在其中读取特定玩家杀死怪物的次数。 使用 document.querySelector 或 document.querySelectorAll 时，我可以创建大部分选择器（怪物名称、玩家名称）。 但是当我想检索击杀数量时，我被卡住了。 还搜索纯文本选择器或没有 HTML 标记的文本。 不幸的是我没有结果。

为了让您了解它的外观，我将举一个小例子。 HTML 看起来完全像这样，但是你有 6 个玩家姓名列表，每个玩家都有这个特定怪物的击杀数量。

<table>
<tr>
<td><b>Name of the monster</b></td>
<td><b><a href="#">Name of the player</a></b>"Amount of kills"<br></td>
</tr>
</table>

所以我想得到提到杀戮数量的文本的选择器。 然后我会将此字符串转换为数字。

我的想法是创建一个跟踪器来查看玩家实际在狩猎什么。 例如玩家 X 杀死了 500 条龙，那么我希望我的脚本显示这个。

提前致谢： ：）

Answer 1

这是一种方法：

 const cell = document.querySelector('table tr td:last-child'); console.log([...cell.childNodes].filter(n=>n.nodeType===3).pop().nodeValue);

 <table> <tr> <td><b>Name of the monster</b></td> <td><b><a href="#">Name of the player</a></b>"Amount of kills"<br></td> </tr> </table>

它找到您需要的表格单元格，并读取所有 childNodes（这包括 textNodes（此时 nodeType 为 3）），过滤所有 textNodes 并弹出最后一个，读取其值。