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

浏览器兼容性

另见