HTML DOM表單集合

WBOY
發布: 2023-09-01 14:49:01
轉載
584 人瀏覽過

HTML DOM 表單集合用於以集合形式傳回 HTML 文件中存在的所有表單元素。集合中的元素會依照它們在 HTML 文件中出現的順序進行排序和顯示。

屬性

以下是表單集合的屬性-

#屬性 描述
#length 它是一個只讀屬性,傳回集合中
元素的數量。

方法

以下是表單收集的方法-

##方法描述[index]從給定索引處的集合中傳回item(index)從給定索引處的集合。索引從 0 開始,如果索引超出範圍,則傳回 null。 namedItem(id)從具有給定 id 的集合。如果 id 不存在,則傳回 Null。
元素。索引從 0 開始,如果索引越界,則傳回 null。
語法

以下是HTML DOM 表單集合的語法-

document.forms
登入後複製
範例

讓我們來看看HTML DOM 表單集合的範例-

現場示範






Forms collection example

Fruit
Age
Password:

Following are the form ids

登入後複製

輸出

#這將產生以下輸出-

HTML DOM表单集合##單擊“獲取IDS”按鈕時-

HTML DOM表单集合在上面的範例中-

我們首先創建了三個ID 為“FORM1”、“FORM2”的表單和“FORM3”。前兩種形式具有文字類型的輸入元素,第三種形式具有密碼類型的輸入元素-

Fruit
Age
Password:
登入後複製

GET IDS 按鈕在使用者點擊時執行formCollect() 方法-

登入後複製

formCollect() 方法取得document.forms length 屬性值(在我們的範例中為3),並在for 迴圈內的測試表達式中使用它。使用表單集合上的索引號,我們取得它們的 id 並將其附加到 id 為「Sample」的段落中用於顯示 -

function formCollect() {
   for(var i=0;i";
      document.getElementById("Sample").innerHTML +=no;
   }
}
登入後複製

以上是HTML DOM表單集合的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!