JavaScript中获取表单元素得value的两种方法

下面以一个简单的计算加法的例子来说明两种方法

1.通过表单元素的id属性

   
   

<script type="text/javascript">
	function calculate(){
		var a=parseInt(document.getElementById("a").value);
		var b=parseInt(document.getElementById("b").value);
		var result=a+b;
		document.getElementById("result").value=result;
	}
		
</script>



	
   
   

    	
    
    
加法实例
        a=
    
    
    
    

        b=
    
    
    
    

        
    
    
    
    

        a+b=
    
    
        
    
   
   



   
   

2.通过表单元素的name/id属性

    
    

<script type="text/javascript">
	function calculate(){
		var a=parseInt(myForm.a.value);
		var b=parseInt(myForm.b.value);
		var result=a+b;
		myForm.result.value=result;
	}
		
</script>



	
    
    

    	
     
     
加法实例
        a=
     
     
     
     

        b=
     
     
     
     

        
     
     
     
     

        a+b=
     
     
        
    
    
    



    
    

其中需要注意的是：

（1）之所以使用parseInt()，是因为获取的两个值a、b，进行加法运算时，+被当做连接符，需要用parseInt()解析成整数；

另一种方法可以用a*1+b*1；

减、乘、除则没有这种情况

（2）第一种方法通过id获取必须使用属性id，第二种方法可以使用id或者name都可以

仅限此例，至于name和id两个属性的区别，请查询资料。