访问form对象的关键属性和方法【学习笔记】

         最近在系统学习javascript，关于表单对象的访问，做一点小小的总结。不对之处还请多多指教。

        大多数网页和用户之间的交互都发生在表单中，每个浏览器的表单中都有许多交互式HTML元素：文本域、按钮、复选框和选项列表等，每个HTML元素都有自己的一些属性，我们可以通过脚本使用当前的DOM的引用方法引用元素和修改元素的属性，并获取元素的属性值。我们要理解一下几点：

       一：form对象
       我们如何访问或引用当前文档中的表单对象呢？有两种方法：

             1，通过文档包含的表单数组索引，方法如下：
                  
                             document.forms[0]

             2,通过把元素名字符串作为数组索引的方法，如下：

                            document.forms[formName]
               
              注意 ：数组引用使用form的复数形式（forms），其后包含元素索引号的方括号（第一个通常为0）。如表单有一个名字，则可以这样引用：

                           document.formName

   二：作为对象和容器的表单
               将表单作为一个容器，其内容包括表单控件元素对象（如input,select,extarea等元素），如下图即可看出此结构的层次以及与document对象相关的位置，此结构影响表单控件元素的引用。

   


        三：如何访问这些表单元素和属性呢？

               表单由网页中的标准HTML创建，用户可设置其name,target,action,method和enctype属性。这些都是表单对象的属性，访问的格式如下：

                   document.forms[0].action
        document.formName.action

              若要改变元素的属性，则可以给元素属性赋值：

                 document.forms[0].action="http://blog.csdn.net/happyheipi"
        document.formName.action="http://blog.csdn.net/happyheipi"
            
             引用其他元素方法类似