Hiding Element in iFrame

Hiding Element in iFrame

I have an iFrame with an id "recent_news_iframe".

In that iFrame, I am calling up a page that is on the same domain. However, I want to hide two id's from that page: #header and #nav_bar.

I've tried this with no luck:
  1. <script type ="text/javascript">
  2.       onload=function(){
  3. document.getElementById("recent_news_iframe").removeChild(document.getElementById("nav_bar"));
  4. }
  5. </script>
Any help would be greatly appreciated!