訪問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"

            
             引用其他元素方法類似


                    
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章