JavaScript中取到form的值的方法

如有以下代码：

<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对象,这是我自已的理解,或许有不确切这处,请提出来,哈哈

评论

17 楼 s-s-h 2010-06-30  

有些IE特有的

16 楼 misshjn 2010-06-30  

浏览器对 id 与 name 做了些优化，两者并不是完全不关联的（就如身份证号码与姓名），比如 getElementsByName(name)方法，如果传入id也是能找到的。

补充几个写法：
document.forms["fn"].username.value
document.forms["fi"].username.value
document.forms["fn"]["username"].value
document.forms["fi"]["username"].value

IE only:
document.all.fn.username.value
document.all.fi.username.value

15 楼 bepatient 2010-06-30  

風一樣的男子 写道

这帖子不是一般的水

首先，这帖子上主页不是我做主的，我只是在这里记下我的笔记而已；
其次，再“水”的帖子对有些人也是有帮助的，哪个老鸟不是从菜鸟走过来的；
最后，你们在这里放“这些话”显得你们很没有素质。

14 楼 elvishehai 2010-06-29  

狂晕啊,这个也上主页啊,

13 楼 風一樣的男子 2010-06-29  

这帖子不是一般的水

12 楼 mp_juan 2010-06-29  

moses3017 写道

xzj127 写道

JE 现在的帖子 不如以前了....

JE 不如以前了....

赞同

11 楼 shanfeng1 2010-06-29  

不明真相。
这好像是刚学JS时候的事吧

10 楼 robin_hood 2010-06-29  

这个应该是IE中特有的吧，其他浏览器不一定行的

9 楼 moses3017 2010-06-29  

xzj127 写道

JE 现在的帖子 不如以前了....

JE 不如以前了....

8 楼 xzj127 2010-06-29  

JE 现在的帖子 不如以前了....

7 楼 bepatient 2010-06-29  

zhao103804 写道

这样不就取到了吗
var show = document.fn.username.value;//
为什么要这样写呢
var show = document.fn.elements['username'].value;//

嗯，果然这种比较方便。谢了。
请教您一个问题：以上var show = document.fn.username.value;fn是name，username是id，这个怎么区别，怎么理解呢？这个id和name老师混淆了。请您赐教！

6 楼 zhao103804 2010-06-29  

eivenchan 写道

楼主的头像难道是杭州的那个画漫画的女孩？

对，就是她---夏达

5 楼 zhao103804 2010-06-29  

这样不就取到了吗
var show = document.fn.username.value;//
为什么要这样写呢
var show = document.fn.elements['username'].value;//

4 楼 eivenchan 2010-06-29  

楼主的头像难道是杭州的那个画漫画的女孩？

3 楼 tkl211 2010-06-29  

不是一般的水啊。。

2 楼 bepatient 2010-06-28  

zjwlonger 写道

菜鸟求教个弱弱的问题：
var show = document.fi.elements['username'].value;  这样写 document.FORMID 不可以吗

不明白您表达什么？

1 楼 zjwlonger 2010-06-28  

菜鸟求教个弱弱的问题：
var show = document.fi.elements['username'].value;  这样写 document.FORMID 不可以吗