ElementInternals：labels 属性

基线 2023

新可用

自 2023 年 3 月起，此功能可在最新的设备和浏览器版本中使用。此功能可能在较旧的设备或浏览器中无法使用。

labels 是 ElementInternals 接口的只读属性，它返回与元素关联的标签。

包含与该元素关联的所有标签元素的 NodeList。

以下示例显示了一个自定义复选框组件，其中包含一个与之链接的 <label> 元素。将 labels 的值打印到控制台会返回一个 NodeList，其中包含一个条目，表示此标签。

html

<form id="myForm">
  <custom-checkbox id="custom-checkbox"></custom-checkbox>
  <label for="custom-checkbox">Join newsletter</label>
</form>

let element = document.getElementById("custom-checkbox");
console.log(element.internals_.label);

规范
HTML 标准 # dom-elementinternals-labels

BCD 表格仅在启用了 JavaScript 的浏览器中加载。