Using document.getElementsByName() isn't working?
<p>The code for the second alert command works as intended (displaying the value of the element "to", but the first alert command does not work (it's supposed to do the same thing). Why is this?</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;script type="text/javascript"&gt;
function getValue()
  {
  alert(document.getElementsByName("to").value);
  alert(document.forms[0].to.value);  
  }
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;form&gt;
&lt;input name="to" type="hidden" value="hoolah" /&gt;
&lt;input type="button" onclick="getValue()" value="Get Value!" /&gt;
&lt;form/&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
