HTMLInputElement: свойство labels

Базовая Широко доступная

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

Свойство HTMLInputElement.labels только для чтения возвращает NodeList элементов <label>, связанных с элементом <input>, если элемент не скрыт. Если элемент имеет тип hidden, свойство возвращает null.

Значение

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

Примеры

HTML

<label id="label1" for="test">Label 1</label>
<input id="test" />
<label id="label2" for="test">Label 2</label>

JavaScript

window.addEventListener("DOMContentLoaded", () => {
  const input = document.getElementById("test");
  for (const label of input.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	18	56	≤12.1	4.2	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/HTMLInputElement/labels