javascript - 使用 Javascript 在 td 中获取一个 div

Question

我想获取类“atName”中的 div 内的文本。

我循环遍历表 td 是这样的:

var searchString = document.getElementById("search").value;
if (searchString !== "") {
    var cols = document.querySelectorAll('#theTable td'),
        colslen = cols.length,
        i = -1;

    while (++i < colslen) {
        if (cols[i].id.indexOf(searchString) > -1) {
            cols[i].style.opacity = "1"
        } else {
            Here i want to access the text inside the div
        }

每个td都是这样设置的:

<td id="H" class="element nonmetal gasI">
    <div class="atN">1</div>
    <div class="atS gas"><a class="gas" href="https://en.wikipedia.org/wiki/Hydrogen" target="_blank">H</a></div>
    <div class="atName">Hydrogen</div>
    <div class="atW">1.00794</div>
</td>

我想要“atName”div 中的文本。

有人知道吗？

谢谢!

Answer 1

与选择 td 的方式相同:

cols[i].querySelector('.atName').textContent;

顺便说一句。您应该为您的 td 提供不同的 ID 或使用类，因为 ID 应该是唯一的

---

更新

为了避免混淆，我已经假设我们正在循环 td(来自您的代码)，并且这一行位于此处:

while (++i < colslen) {
    if (cols[i].id.indexOf(searchString) > -1) {
        cols[i].style.opacity = "1"
    } else {
        var divText = cols[i].querySelector('.atName').textContent;  // <--- here
    }
...
}