如何删除没有id的元素

Question

我有以下代码：

<%-- other tags --%>
<table>
  <tr width="100%">
    <td width="130" />
    <td id="BottomCell" width="100%" />
  </tr>
  <tr>
    <td/>
    <td/>
  </tr>
</table>
<%-- other tags --%>

页面上可能有多个表。我希望td在加载页面时删除（或隐藏）之前的“BottomCell”。我怎样才能用 javascript 或 css 做到这一点？

谢谢。

顺便说一句，我正在开发一个将被放到页面上的 Sharepoint WebPart。位于该页面上，我无法直接控制该页面。但只要它显示在页面上，WebPart 就应该将其删除。

Answer 1

哇，使用框架后回到基础是一项艰巨的工作。

var element = document.getElementById('BottomCell').previousSibling;
var parent = element.parentNode;
parent.removeChild(element);