title: hide/ remove menu from menuitem
body: <p>I have Joomla menu as below.</p>
  
  <pre><code>&lt;li class="level1 parent"&gt;
  &lt;a href="/www.dd.com/index.php/donations" class="level1 parent"&gt;
  &lt;span&gt;Donations&lt;/span&gt;
  &lt;/a&gt;
  &lt;/li&gt;
  
  &lt;li class="level1 parent"&gt;
  &lt;a href="/www.dd.com/index.php/fund" class="level1 parent"&gt;
  &lt;span&gt;Fund&lt;/span&gt;
  &lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>What I am able to do is find the list menu that I have.</p>
  
  <pre><code>var texts = [], lis = document.getElementsByTagName("span");
  var im=lis.length;
  var textFound;
  for(var i=0; im&gt;i; i++) {
  textFound = lis[i].firstChild.nodeValue
    texts.push(lis[i].firstChild.nodeValue);
  }
  </code></pre>
  
  <p>What I want to do is <code>if menu is Donations, hide it</code></p>
  
  <p>I tried with <code>this.style.display='none';</code>, however it is not working.</p>
  
  <pre><code>var texts = [], lis = document.getElementsByTagName("span");
  var im=lis.length;
  var textFound;
  for(var i=0; im&gt;i; i++) {
  textFound = lis[i].firstChild.nodeValue
    texts.push(lis[i].firstChild.nodeValue);
    this.style.display='none';
  }
  </code></pre>
  
  <p>Any idea how to get this done?</p>
  
  <h2>Note, I want this to be done in JAVASCRIPT ONLY. NO JQUERY</h2>