javascript - 基于innerHTML删除HTML元素

Question

我正在尝试使这个 Google Chrome 扩展程序仅在后台运行，最终用户不需要与其交互，也不需要单击任何选项。假设网页中有一个如下的元素。

<tr>
    <td class="chart">
       <a>Intel Xeon Silver 4123 @ 3.00GHz</a>
    </td>
</tr>

当用户访问此网页时，扩展程序应自动删除整个 元素。我的代码如下，但它不起作用。

if (document.getElementsByClassName('chart').innerHTML.contains('Xeon')) {
    document.getElementByClassName('chart').style.display = 'none';
}

Answer 1

代码document.getElementsByClassName('chart')返回HTMLCollection不是 DOM Element 。您必须循环遍历数组中的每个元素，即:

var charts = document.getElementsByClassName('chart');
if(charts.length) {
    for(var i=0; i<charts.length; i++) {
        if(charts[i].tagName === 'TD' && charts[i].innerHTML.includes('Xeon')) {
            charts[i].parentNode.style.display = 'none';
        }
    }
}

另请注意:

• 是 getElementsByClassName() (元素复数)而不是 getElementByClassName() (单数)。
• 是 String.includes()不是 String.contains()
• 您可能想使用 parentNode隐藏整行