我正在尝试从简单的 html 页面中删除 2 个表。该页面仅包含2个表格,页面代码如下:
<html>
<body>
<h3>Table 1</h3>
<table class="details" border="1" cellpadding="0" cellspacing="0">
<tbody><tr>
<th>1</th>
<td>2</td>
</tr>
</tbody></table>
<h3>Table 2</h3>
<table class="details" border="1">
<tbody><tr>
<th>1</th>
<td>2</td>
</tr><tr>
<th>3</th>
<td>4</td>
</tr>
</tbody></table>
</body>
</html>
我可以使用以下方法删除其中一张表:
var elmDeleted = document.getElementsByClassName('details').item(0);
elmDeleted.parentNode.removeChild(elmDeleted);
或
var elmDeleted = document.getElementsByClassName('details').item(1);
elmDeleted.parentNode.removeChild(elmDeleted);
但是我无法在用户脚本中连续使用这些命令删除两个表:
var elmDeleted = document.getElementsByClassName('details').item(0);
elmDeleted.parentNode.removeChild(elmDeleted);
var elmDeleted = document.getElementsByClassName('details').item(1);
elmDeleted.parentNode.removeChild(elmDeleted);
请指教
最佳答案
一旦删除旧表 #0,旧表 #1 就会成为新表 #0。因此,如果您尝试获取表#1,它将失败。
关于javascript - 使用 Greasemonkey 删除表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11810000/