获取具有 ID 的表的元素

Getting element of a table with ID

本文关键字：元素 ID 获取      更新时间：2023-09-26

到目前为止，在这里有很棒的体验！

无论如何，在编写控制台机器人时，我遇到了一个问题。我希望从表格中获取一些文本数据，该表格记录了输入到站点的历史记录。但是他的表没有id，只有一个类。

所以这里是网站元素代码：

<div id="game">
    <div class="gameTop">
        <div class="right">
            <div class="scroll">
                <table>
                    <tbody>
                        <tr>
                            <td>aaa</td>
                            <td>bbb</td>
                            <td>ccc</td>
                            <td>ddd</td>
                        </tr>

我希望得到与ddd相对应的var xxx = "...."。我已经尝试过getElementbyClassName('scroll')但它给了我桌子。这是意料之中的。我被困在如何深入研究编码上。

如果你使用的是jQuery，你可以使用:get()选择器专门针对第4个<td>元素，text()检索内容。

var dd = $('table td:eq(3)').text();

这里有一个例子。

编辑

如果您需要通过#game，您可以快速将选择器修改为：

var dd = $('#game table td:eq(3)').text();

您应该能够按如下方式获取表行：

var rows = document.getElementsByTagName("table")[0].rows;
var cell = rows[0].cells[4];
var value = cell.innerHTML

在这种情况下，我更喜欢XPath。请参阅下面的代码：

function getElementByXpath(path) {
  return document.evaluate(path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
}
var theDddNode = getElementByXpath("//td[contains(text(),'ddd')]");
相关文章：