日期:2014-05-16  浏览次数:20375 次

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号码

?

?

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;