ElementInternals: labels 属性

Baseline 已广泛支持

此功能已成熟，并可在许多设备和浏览器版本上运行。自 2023 年 3 月以来，它已在各种浏览器中可用。

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

值

一个包含与该元素关联的所有标签元素的 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

此页面最后修改于 2023年12月8日，由 MDN 贡献者贡献。