title: Remove a list item onclick a picture with javascript
body: <p>I have a positioned div which contains a list. I have a bunch of buttons attached to pictures which correspond to the words on the list. I have two related issues. Firstly the list itself is too long for the space provided so I need to hide parts of it. That's ok if I can get the second issue to work. The second issue is getting rid of items after their corresponding picture has been clicked on. So if I click on the picture of a chair. The word "Chair" disappears from the list and the rest of the list below it moves up into it's space. Preferably I want this to happen onclick, but I can't work out how to accomplish it.</p>
  
  <p>This is my list</p>
  
  <pre><code>    &lt;div class="absolute2"&gt;
  &lt;div class="translist"&gt;
  &lt;ul&gt;
      &lt;li id="penina"&gt;5 penina&lt;/li&gt;
      &lt;li id="pua"&gt;5 pua&lt;/li&gt;
      &lt;li id="salulima"&gt;Salu lima&lt;/li&gt;
      &lt;li id="manulele"&gt;Manulele&lt;/li&gt;
      &lt;li id="fatu"&gt;Fatu&lt;/li&gt;
      &lt;li id="ialapoa"&gt;I‘a lāpo‘a&lt;/li&gt;
      &lt;li id="gata"&gt;Gata&lt;/li&gt;
      &lt;li id="lima"&gt;Lima&lt;/li&gt;
      &lt;li id="pili"&gt;Pili&lt;/li&gt;
      &lt;li id="aveau"&gt;‘Aveau&lt;/li&gt;
      &lt;li id="uati"&gt;Uati&lt;/li&gt;
      &lt;li id="vaaroketi"&gt;Va‘a rōketi&lt;/li&gt;
      &lt;li id="masinamoana"&gt;Māsina moana&lt;/li&gt;
   &lt;/ul&gt;   
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and this is one of the buttons</p>
  
  <pre><code>    &lt;td rowspan="3" colspan="4"&gt;&lt;a href="javascript:;" onclick="MM_nbGroup('down','navbar2','n_r2_c8','images/_r2_c8_s2.jpg',1); cutList(manulele); incrementValue(); this.onclick=null;"&gt;&lt;img name="n_r2_c8" src="images/_r2_c8.jpg" width="53" height="47" id="n_r2_c8" alt="" /&gt;&lt;/a&gt;&lt;/td&gt;
  </code></pre>
  
  <p>This button should get rid of the list item "Manulele"
  I haven't tried much, because all the solutions I can find are jquery, and I can't use jquery. Below is what I'm trying unsuccessfully with various variations. Please assist.</p>
  
  <pre><code>function cutList(itemid) {
    var element = document.getElementById( itemid );
    element.parentNode.removeChild(element);
  }
  </code></pre>