HTMLSelectElement: свойство labels

Базовая Широко поддерживается

Эта функция хорошо устоялась и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Чтение-только свойство HTMLSelectElement.labels возвращает NodeList элементов <label>, связанных с элементом <select>.

Значение

NodeList содержащий элементы <label> , связанные с элементом <select>.

Примеры

HTML

<label id="label1" for="test">Label 1</label>
<select id="test">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
</select>
<label id="label2" for="test">Label 2</label>

JavaScript

window.addEventListener("DOMContentLoaded", () => {
  const select = document.getElementById("test");
  for (const label of select.labels) {
    console.log(label.textContent); // "Label 1" and "Label 2"
  }
});

Спецификации

Спецификация
HTML # dom-lfe-labels-dev

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`labels`	6	18	56	≤12.1	5.1	18	56	≤12.1	5	1.0	3

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/labels