我可以使用 Firebug 控制台在本地删除网站上的表格单元格吗？答案

【问题标题】：Can I locally remove table cells on a website using the Firebug console?我可以使用 Firebug 控制台在本地删除网站上的表格单元格吗？
【发布时间】：2015-06-15 21:11:08
【问题描述】：

上下文：我正在尝试从通过搜索引擎的表格提供的列表中选择一门大学课程。搜索引擎只识别有前缀的后缀，即 COSC3 或 COSC350。 3 或 350 不会返回任何结果。

我想知道的是是否可以使用 Firefox 的 Firebug 来解析一个控制台命令，该命令将删除所有不包含 100 级论文的表行。

伪代码：

string regex = [A-Z]{4};

for each(tr) {
    for each(td) {
        if(!td.contains(regex + "1") {
            tr.delete();
        }   
    }
}

我的伪代码可能非常无效，但它旨在让您大致了解我想做什么。

【问题讨论】：

标签： javascript html css firefox firebug

【解决方案1】：

是的，这是可能的。

您的伪代码中概述了总体思路。唯一需要注意的是，在“实时”HTMLCollection 上操作时，不能像数组一样循环它们。

// get all rows
var table = document.getElementById('my-table');
var trs = table.getElementsByTagName("tr");

// go through each row
var i = 0;
while (i < trs.length) {
  var tds = trs[i].getElementsByTagName("td");
  var deleted = false;

  // go through each cell of this row
  var j = 0;
  while (j < tds.length) {
    if (/[A-Z]{4}1/.test(tds[j].textContent)) {
      // delete this row
      trs[i].parentNode.removeChild(trs[i]);
      deleted = true;      
      break;
    } else {
      j++;
    }
  }
  
  if (!deleted) {
    i++;
  }
}

<p>The table below should not show any rows containing XXXX100 series courses.</p>
<table id="my-table" cellspacing="0">
  <tr>
    <td>COSC123</td>
    <td>COSC456</td>
    <td>COSC789</td>
  </tr>
  <tr>
    <td>ABCD123</td>
    <td>EFGH124</td>
    <td>IJKL125 <span>span</span></td>
  </tr>
  <tr>
    <td>MNOP233</td>
    <td>QRST294</td>
    <td>UVWX297</td>
  </tr>
  <tr>
    <td>COSC333</td>
    <td>COSC394</td>
    <td>COSC397</td>
  </tr>
  <tr>
    <td>ABCD3000</td>
    <td>ABC3456</td>
    <td>*COSC1997</td>
  </tr>
</table>

【讨论】：

【解决方案2】：

要使用 Firebug 在网站上运行 JavaScript 代码，您可以将其输入到其Command Editor，然后点击运行按钮或pressing Ctrl/⌘ + Enter。

这样做，代码将在页面上下文中执行。

【讨论】：