title: Getting attribute from list
body: <p>I have this sidebar with 3 list items:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="sideMenu" &gt;
      &lt;ul class="bmenu"&gt;
          &lt;li id="f1" onclick="style1()"&gt;Style 1&lt;/li&gt; &lt;!--turn sidebar on/off--&gt;
          &lt;li id='f2' onclick="style2()"&gt;Style 2&lt;/li&gt; &lt;!--randomize vidcontain border--&gt;
          &lt;li id='f3' onclick="style3()"&gt;Style 3&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to set a var which will contain the ID of which ever list item I select so I can store it for later use. </p>
  
  <p>Could I accomplish this use javascript? </p>