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

评论

37 楼 windchill_java 2010-07-02  

mp_juan 写道

moses3017 写道

xzj127 写道

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

JE 不如以前了....

赞同

同

36 楼 zzpxingfu 2010-07-01  

JavaScript CSS Style属性对照表
javascript

35 楼 smzd 2010-07-01  

啧啧，人家这头像，……
我是冲着这头像来的。
不过没有看到，如果这个元素在form中是重名出现的怎么办？
就像一堆的radio单选框，如何找到选中了哪一个呢？

34 楼 bepatient 2010-07-01  

<div class="quote_title">select*from爱 写道</div>
<div class="quote_div">
<div class="quote_title">ywgoal 写道</div>
<div class="quote_div">哎，现在的水货越来越多了 <br>
</div>
<p> </p>
<p> 楼主加油吧，虽然现在的帖子一般，不过慢慢的技术上来了，含金量就高了，重在分享嘛，说这些的人。你也发帖子撒，说这种话一点意义都没得，让大家分享分享，没有交流，何来进步，希望楼主再接再厉。不断发帖</p>
</div>
<p>谢谢这位兄弟。一定会再接再厉的，您也一样！<img src="/images/smiles/icon_biggrin.gif" alt=""></p>

33 楼 select*from爱 2010-07-01  

<div class="quote_title">ywgoal 写道</div>
<div class="quote_div">哎，现在的水货越来越多了 <br>
</div>
<p> </p>
<p> 楼主加油吧，虽然现在的帖子一般，不过慢慢的技术上来了，含金量就高了，重在分享嘛，说这些的人。你也发帖子撒，说这种话一点意义都没得，让大家分享分享，没有交流，何来进步，希望楼主再接再厉。不断发帖</p>

32 楼 ywgoal 2010-06-30  

哎，现在的水货越来越多了

31 楼 fromaust 2010-06-30  

学习下，不过我已经会了

30 楼 yongdi2 2010-06-30  

lucky16 写道

ytsmtxxi 写道

mp_juan 写道

moses3017 写道

xzj127 写道

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

JE 不如以前了....

赞同

一个人不发帖怎么可能上主页？当JE没有找到有好的帖的时候，这些新手帖，也都就可以上主页。这样子新手帖上主页怎么样子就不好了？我敢说，就这个帖肯定会有很多的人不知道。。。

var show = document.fn.username.value;

这种方式楼主也可以试一下，这样子也一样子可以取得到


还有，如果当name="username"这个唯一的时候，还可以
var show = document.getElementsByTagName("username")[0].value;

这样子也是可以取得到。不过这种方式建议不要这样子用。这样子的一般用在多个名字相同时，把那些做成数组来遍历。

呵呵,赞同你的说法,
记得最开始在JE发帖的时候, 也是才开始学习java的时候,经常发帖子就被抛砖, 哎,
往事不堪回首阿,所以还是希望大家对于发帖的人多多鼓励,而不是人家发的内容不是很NB就抛砖拉,我想这样JE的好帖子也会增加的!

我认为只要是不跑题，方法上正确的帖子，就可以并应该发到je上来，至于怎么判断上首页那是系统的事。爱拍砖的各位，希望你不要是NB帖子看不懂，新手帖子使劲砸的半吊子。换句话说，如果你真觉得自己眼界高，那能被这个标题吸引进来，也说明你不怎么牛

29 楼 化蝶自在飞 2010-06-30  

很多人都以为自己理解的透彻了.呵呵.说不定n多年后突然发现,额,原来Firefox不兼容啊.

28 楼 YiSingQ 2010-06-30  

学习IT的毕竟还有很多新手，各位已经是高手的人就不要再吹JE“不如以前了”，这只是说明你在显摆你很牛。

27 楼 bepatient 2010-06-30  

lobbychmd 写道

bepatient 写道

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老师混淆了。请您赐教！

id 是 dom 元素的一个唯一标识，按html 规范是不允许重复的

而 name 是窗体服务器发送 input 数据用的 key。可以重复

PS:
我投了精华，

谢谢！

26 楼 fisherhe 2010-06-30  

wese345 写道

moses3017 写道

xzj127 写道

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

JE 不如以前了....

确实不如以前了......

英雄所见略同

25 楼 XiaoLuobo 2010-06-30  

很无奈.只要是知识,总有它的价值的.

24 楼 lobbychmd 2010-06-30  

bepatient 写道

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老师混淆了。请您赐教！

id 是 dom 元素的一个唯一标识，按html 规范是不允许重复的

而 name 是窗体服务器发送 input 数据用的 key。可以重复

PS:
我投了精华，

23 楼 select*from爱 2010-06-30  

<p>楼主也不容易<img src="/images/smiles/icon_biggrin.gif" alt="">，加油吧！</p>
<p>ps:如何上je首页--以下内容纯属猜测：<br>1.新帖发布后，单位时间内点击超过一定数量（貌似在100~200之间，单位时间估计是1~3天之内）<br>2.上过一次首页后，该贴将不会再次上</p>

22 楼 yuyue618 2010-06-30  

真不知道编辑是什么样的? 如今是什么文章都能上头版啊

21 楼 lucky16 2010-06-30  

ytsmtxxi 写道

mp_juan 写道

moses3017 写道

xzj127 写道

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

JE 不如以前了....

赞同

一个人不发帖怎么可能上主页？当JE没有找到有好的帖的时候，这些新手帖，也都就可以上主页。这样子新手帖上主页怎么样子就不好了？我敢说，就这个帖肯定会有很多的人不知道。。。

var show = document.fn.username.value;

这种方式楼主也可以试一下，这样子也一样子可以取得到


还有，如果当name="username"这个唯一的时候，还可以
var show = document.getElementsByTagName("username")[0].value;

这样子也是可以取得到。不过这种方式建议不要这样子用。这样子的一般用在多个名字相同时，把那些做成数组来遍历。

呵呵,赞同你的说法,
记得最开始在JE发帖的时候, 也是才开始学习java的时候,经常发帖子就被抛砖, 哎,
往事不堪回首阿,所以还是希望大家对于发帖的人多多鼓励,而不是人家发的内容不是很NB就抛砖拉,我想这样JE的好帖子也会增加的!

20 楼 wese345 2010-06-30  

moses3017 写道

xzj127 写道

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

JE 不如以前了....

确实不如以前了......

19 楼 ytsmtxxi 2010-06-30  

mp_juan 写道

moses3017 写道

xzj127 写道

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

JE 不如以前了....

赞同

一个人不发帖怎么可能上主页？当JE没有找到有好的帖的时候，这些新手帖，也都就可以上主页。这样子新手帖上主页怎么样子就不好了？我敢说，就这个帖肯定会有很多的人不知道。。。

var show = document.fn.username.value;

这种方式楼主也可以试一下，这样子也一样子可以取得到


还有，如果当name="username"这个唯一的时候，还可以
var show = document.getElementsByTagName("username")[0].value;

这样子也是可以取得到。不过这种方式建议不要这样子用。这样子的一般用在多个名字相同时，把那些做成数组来遍历。

18 楼 zhao103804 2010-06-30  

bepatient 写道

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老师混淆了。请您赐教！

在页面拿值都是通过id来拿的，例如：document.getElementById('').value
而定义那个name属性是通过后台拿值request.getParameter("")用的
在页面上id和,name不一定要一样，但是一般都会写成一样的
而那个fn是form的name，要通过页面拿到form里的值，须定义form的name属性或者用document.getElementById('username').value这种，form定义了name属性就可以直接用document.fn.username.value这种方式获得值了