HTMLFieldSetElement: elements 屬性

Baseline 已廣泛支援

此功能已成熟,可跨多種裝置和瀏覽器版本工作。它自 ⁨2018 年 4 月⁩ 起已在所有瀏覽器中可用。

HTMLFieldSetElement 介面的只讀屬性 elements 返回一個 HTMLCollection 物件,其中包含該欄位集的所有後代表單控制元件元素(<button><fieldset><input><object><output><select><textarea>)。

您可以透過索引或元素的 nameid 屬性來訪問返回集合中的特定表單控制元件。如果有多個表單控制元件共享相同的名稱(例如一組單選按鈕),使用共享名稱將返回具有該值的第一個元素。

一個 HTMLCollection

示例

html
<form id="my-form">
  <fieldset id="my-fieldset">
    <legend>My fieldset</legend>
    <p>
      <label for="username">Username:</label>
      <input type="text" id="username" name="username" />
    </p>
    <p>
      <label for="password">Password:</label>
      <input type="password" id="password" name="password" />
    </p>
    <p>
      <input type="checkbox" id="remember-me" name="remember-me" />
      <label for="remember-me">Remember me</label>
    </p>
  </fieldset>
</form>
js
const fieldset = document.getElementById("my-fieldset");
console.log(fieldset.elements.length); // 3
console.log(fieldset.elements["remember-me"].value); // "on"

規範

規範
HTML
# dom-fieldset-elements-dev

瀏覽器相容性

另見