Javascript-对表单的操作（上）

一、获得表单引用

• 通过直接定位的方式获取

   document.getElementById();  
   document.getElementsByName();
   document.getElementsByTagName();
  

• 通过集合的方式获取引用

   document.forms[下标]  
   document.forms["name"]  
   document.forms.name
  

• 通过name直接获取(只适用于表单)

   document.name  
  

二、获得表单元素引用

• 直接获取

   document.getElementById();  
   document.getElementsByName();  
   document.getElementsByTagName();  
  

• 通过集合来获取

   表单对象.elements  //获得表单里面所有元素的集合  
   表单对象.elements[下标]  
   表单对象.elements["name"]  
   表单对象.elements.name  
  

• 直接通过name来获取

    表单对象.name
  

三、表单元素共性的属性和方法

• 获取表单元素的值

    表单元素对象.value(=值)       //获取或者设置表单元素的值
  

• 属性

   disabled    //获取或设置表单元素是否禁用   
  

  disabled=true //禁用
disabled=false //不禁用

   form   //指向包含本元素的表单对象的引用,可以用来通过表单元素找到表单  
  

  var form=document.forms[0].elements.username.form;
console(form.name);

• 方法

    focus()  //获得焦点
    blur()   // 失去焦点
  

var username=document.myform.username.focus();