Question

I have the following code:

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

There may be more than one table on the page. I want the td before “BottomCell” to be removed (or hidden) when the page is loaded. How can I do this with javascript or css?

Thanks.

BTW, I’m developing a Sharepoint WebPart that will be put onto a page. The is on that page, which i don’t have control of directly. But the WebPart should remove this as long as it shows up on the page.

Answer 1

Wow, going back to basics after using a framework is hard work.

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