HTMLProgressElement: labels property

Baseline 已广泛支持

此特性已成熟稳定,适用于多种设备和浏览器版本。自 2018 年 10 月起,它已在各浏览器中可用。

HTMLProgressElement.labels 只读属性返回与 <progress> 元素关联的 <label> 元素的 NodeList

包含与 <progress> 元素关联的 <label> 元素的 NodeList

示例

HTML

html
<label id="label1" for="test">Label 1</label>
<progress id="test" value="70" max="100">70%</progress>
<label id="label2" for="test">Label 2</label>

JavaScript

js
const progress = document.getElementById("test");
for (const label of progress.labels) {
  console.log(label.textContent); // "Label 1" and "Label 2"
}

规范

规范
HTML
# dom-lfe-labels-dev

浏览器兼容性