javascript - 如何在 Javascript 中从 DOM 中的标签返回文本内容

Question

我有以下代码：

    <table>
    <tbody style="font-size: 50px;">
        <tr>
            <td style="color: #ff00ff; background-color: #ffffff;">Q</td>
            <td style="color: #442244; background-color: #442244;">Y</td>
            <td style="color: #ffff00; background-color: #442244;">A</td>
        </tr>
        <tr>
            <td style="color: #ffeefe; background-color: #990000;">Q</td>
            <td style="color: #ffff00; background-color: #ffff00;">M</td>
            <td style="color: #000000; background-color: #ff7777;">O</td>
        </tr>
    </tbody>
</table>

我必须在 Javasript 中编写返回数组中所有字母的函数。然后我必须返回
color == background-color 的所有字母

标签： javascriptarraysdominnerhtml

Answer 1

1. 下面的代码返回您提交的 html 中的所有字母。

Array.from(document.getElementsByTagName("td")).map(cell => cell.innerText)

2. 下面的代码返回所有 td 颜色和 bg-color 值相等的字母。

Array.from(document.getElementsByTagName("td")).filter(cell => cell.style.color && cell.style.backgroundColor && cell.style.color === cell.style.backgroundColor).map(cell => cell.innerText);