如何在浏览器开发者工具中快速删除HTML表格列？

不用逐行删除<td>，这几个方法能帮你快速搞定：

1. 控制台一键执行JS代码 #

打开浏览器开发者工具的控制台（F12 → Console），把下面代码里的targetColumnIndex改成你要删除的列索引（从0开始计数，比如第1列写0，第2列写1），回车就能批量删除整列：

// 示例：删除第2列（索引为1）
const targetColumnIndex = 1;
document.querySelectorAll('table tr').forEach(row => {
  const cells = row.querySelectorAll('td, th');
  if (cells[targetColumnIndex]) {
    cells[targetColumnIndex].remove();
  }
});

如果页面有多个表格，想指定某一个，把document.querySelectorAll('table tr')改成document.querySelector('#你的表格ID tr')就行。

2. 元素面板批量选中删除 #

• 先在元素面板里选中目标列的任意一个<td>或<th>
• 右键这个元素，选择「选择所有匹配的元素」（Chrome/Firefox都有这个选项）
• 选中所有同列单元格后，直接按Delete键就能一次性删掉整列

3. CSS临时隐藏（仅截图用） #

如果只是为了截图不想真删除DOM元素，直接加个隐藏样式更省事：
在开发者工具的「样式」面板里添加这段CSS（把nth-child(2)改成你要隐藏的列数，从1开始计数）：

table tr td:nth-child(2), table tr th:nth-child(2) {
  display: none;
}

截图完成后刷新页面就能恢复原样，完全不改动页面结构。

内容的提问来源于stack exchange，提问作者d-b