javascript获取表单元素的几种方法

来源：动视网责编：小采时间：2020-11-27 20:32:09

javascript获取表单元素的几种方法

javascript获取表单元素的几种方法:第一种方法,通过元素的name获取使用方法： document.pref.color.value;//pref表示form表单的name,color是表单中元素的名称。实例： function showColor(){ var color = document.pref.color.value; consol

推荐度：

点击下载本文 文档为doc格式

导读javascript获取表单元素的几种方法:第一种方法,通过元素的name获取使用方法： document.pref.color.value;//pref表示form表单的name,color是表单中元素的名称。实例： function showColor(){ var color = document.pref.color.value; consol

第一种方法,通过元素的name获取

使用方法：

document.pref.color.value;//pref表示form表单的name,color是表单中元素的名称。

实例：



 
 function showColor(){
 var color = document.pref.color.value;
 console.log("Your favorite color is: " + color);
 }

上面实例代码使用ocument.pref.color.value获取pref表单中name为color元素的值。

第二种方法：通过元素的index获取

使用方法：

document.pref.elements[0].value //表示name为pref表单中第一个元素的值

实例：



 
 function showCar(){
 var car = document.pref.elements[0].value;
 console.log("Your favorite car is: " + car);
 }

此实例获取了表单中第一个元素的值，表单的第一个元素应该是name为car的input

第三种方法：通过元素的id获取

document.getElementById("id").value;

实例：



使用document.getElementById("text_id")获取id为text_id的input.

注:本文章的实例代码均可复制到这里运行并查看结果，你不妨试一把。

    

    
    
        javascript获取表单元素的几种方法
        javascript获取表单元素的几种方法:第一种方法,通过元素的name获取 使用方法：  document.pref.color.value;//pref表示form表单的name,color是表单中元素的名称。 实例：     function showColor(){ var color = document.pref.color.value; consol
        推荐度：
    
    
        
            点击下载本文
            文档为doc格式
        
    

              
        
                
            标签：
                        方法
                        获取
                        得到
                    
                
            
             
                    
                        热门焦点

javascript获取表单元素的几种方法

javascript获取表单元素的几种方法

javascript获取表单元素的几种方法

最新推荐

猜你喜欢

热门推荐