title: Javascript hide child nodes of a object elements data value
body: <p>I have googled and given the generic nature of the elements type 'object' I haven't found the needle in the haystack that answers my question, it's been few hours so I am admitting defeat and asking for help.</p>
  
  <p>I have:</p>
  
  <pre><code>&lt;object id ="siteconfigwindow" name="siteconfigwindow" type="text/html" 
          data="blank.html" width="100%" height="600" 
          onload="hideeditcontrols()"&gt;
  </code></pre>
  
  <p>I have javascript that successfully changes the data value of the object element to a html page with content with some control I wish to hide.</p>
  
  <pre><code>document.getElementsByName("siteconfigwindow")[0].data = url;
  </code></pre>
  
  <p><code>url</code> that successfully loads contains this:</p>
  
  <pre><code>&lt;div style="text-align:center;"&gt;
      &lt;input id="nodeAdd" type="submit" name="addButton"&gt;
      &lt;input id="nodeEdit" type="submit" name="editButton"&gt;
      &lt;input id="nodeDelete" type="button" name="nodeDelete"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The controls I wish to hide are easily hidden when viewing the source page and issuing a console command such as:</p>
  
  <pre><code>document.getElementById("nodeAdd").parentNode.style.visibility = 'hidden'
  </code></pre>
  
  <p>But the same command errors out with null object errors when issued via console on the custom page with the object element. </p>
  
  <p>I'm all for scrapping the whole code if someone knows a better way to display the source page and hide that div.</p>
  
  <p>Both pages are on my intranet and same server so I do not believe this is security related.
  My thanks in advance for any assistance.</p>