javascript 获取form值方法

Html代码 收藏代码

    <form action="get.do" method="post" id="fi" name="fn">  
                username:<input type="text" id="username"/><br/>  
                password:<input type="password" id="password"/><br/>  
                <input type="submit" value="submit">  
    </form>  

可以通过以下三种方式（我所知道的）来取到值：
var show = document.fn.elements['username'].value;//注意这里fn是form的名字，而不是id
var show = document.getElementById('username').value;
var show = fi['username'].value;//fi是form的id号码



在百度悬赏20分拿到一个很不错的答案：



1、通过对象的位置来引用,如下：
var msg=document.forms[0].elements[0].value;
2、通过name属性访问文档对象：
var msg=document.myForm.myText.value; //设name="myForm"和="myText"
3、通过id属性访问文档对象：
var msg=document.getElementById('myText');
4、通过联合数组访问文档对象：
var msg=document.forms['myForm'].elements['myText'].value; //只支持火狐！
var msg=document.forms('myForm').elements('myText').value; //只支持IE！
5、通过IE提供的item()方法访问文档对象：
var msg=document.forms.item("myText");
6、通过元素标签返回指定对像：
var msg=document.getElementsByTagName("tr"); //参数可以为'*',表示找所有的元素对象
7、多对象数组时可分步访问：
var myObj=document.objects;
var msg=myObj[i].value;
8、访问对象的所有子对象：
for (i=0;i<example.childNodes.length;i++) //example为假设对象
msgs=example.childNodes.item(i).nodeName;
或：
for (i=0;i<example.childNodes.length;i++) //example为假设对象
msgs=example.childNodes[i].nodeName;

window为浏览器窗口对象,为文档提供显示容器,即与浏览器相关,如窗口的大小和关闭窗口等属性及方法,属于最顶级对象...
document与上不同,即与当前载入的文档相关,包括当前浏览器窗口或框架区域中的所有内容,包含文本域,按钮...等HTML页面可访问元素.
element文档中的元素对象,是可见的,或者说是标签,不同于Node对象,这是我自已的理解,或许有不确切这处,请提出来,哈哈