title: Hiding an <li> element in a <ul>
body: <p>I need your help</p>
  
  <p>If <code>document.getElementById("file").children[1].style.display = "none";</code> hides the "Save" item in the "file" menu, then <code>document.getElementById("edit").children[1].style.display = "none";</code> does not work properly and does not hide the "Add new" item in the "edit" menu item.</p>
  
  <pre><code>&lt;div id="menuwrapper"&gt;
      &lt;div id="menu" style="width: 1001px; height: 20px"&gt;
          &lt;ul&gt;
              &lt;li&gt;
                  &lt;a href="#nogo"&gt;&lt;div id="div_rssims_file"&gt;File&lt;/div&gt;&lt;/a&gt;
  
                  &lt;ul id="file"&gt;
                      &lt;li&gt;&lt;a onclick="window.print()"&gt;&lt;div id="div_rssims_file_print"&gt;Print&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li id="li_rssims_file_save"&gt;&lt;a onclick="rssims_save()"&gt;&lt;div id="div_rssims_file_save"&gt;Save&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a onclick="rssims_save();window.close()"&gt;&lt;div id="div_rssims_file_save_exit"&gt;Save &amp; Exit&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a onclick="window.close()"&gt;&lt;div id="div_rssims_file_exit"&gt;Exit&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
  
              &lt;li&gt;
                  &lt;a href="#nogo"&gt;&lt;div id="div_rssims_edit"&gt;Edit&lt;/div&gt;&lt;/a&gt;
  
                  &lt;ul id="edit"&gt;
                      &lt;li&gt;&lt;a href="#nogo" onclick="rssims_addnew()"&gt;&lt;div id="div_rssims_edit_addnew"&gt;Add new&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#nogo" onclick="sims_delete()"&gt;&lt;div id="delete"&gt;Delete&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#nogo" onclick="sims_reset()"&gt;&lt;div id="clear"&gt;Clear Form&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
  
              &lt;li&gt;
                  &lt;a href="#nogo"&gt;&lt;div id="div_rssims_view"&gt;View&lt;/div&gt;&lt;/a&gt;
  
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href="#nogo"&gt;&lt;div id="goto_first"&gt;&amp;gt;&amp;gt; Go to First&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#nogo"&gt;&lt;div id="goto_next"&gt;&amp;gt;Go to Next&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#nogo"&gt;&lt;div id="goto_prev"&gt;Go to Previous&amp;gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#nogo"&gt;&lt;div id="goto_last"&gt;Go to Last&amp;gt;&amp;gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
  
              &lt;li&gt;
                  &lt;a href="#nogo"&gt;&lt;div id="div_rssims_reports"&gt;Reports&lt;/div&gt;&lt;/a&gt;
  
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href="#nogo"&gt;&lt;div id="export_excel"&gt;Export to Excel Table&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#nogo" onclick="sims_compile_htmltable()"&gt;&lt;div id="export_html"&gt;Export to HTML Table&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#nogo" onclick="sims_compile_htmllist()"&gt;&lt;div id="export_list"&gt;Export to HTML List&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#nogo" onclick="sims_compile_contactcard()"&gt;&lt;div id="export_contact"&gt;Export as Contact Card&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
  
              &lt;li&gt;
                  &lt;a style="cursor: pointer;" onclick="sims_logoff()"&gt;&lt;div id="div_rssims_logoff"&gt;Logoff&lt;/div&gt;&lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>