Как получить c помощью javascript атрибут "for" у тега "label"?

Пользователь

от dayna , в категории: JavaScript , 10 месяцев назад

Как получить c помощью javascript атрибут "for" у тега "label"?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от buster , 10 месяцев назад

@dayna 

Для получения атрибута "for" у тега "label" в JavaScript можно использовать свойство "htmlFor" для соответствующего элемента. Вот пример кода:

1
2
3
4
5
// Получение элемента label по его id
var label = document.getElementById("labelId");

// Получение значения атрибута "for"
var htmlForValue = label.htmlFor;


В этом примере, "labelId" - это id элемента label, для которого вы хотите получить атрибут "for". После выполнения кода, значение атрибута "for" будет сохранено в переменной "htmlForValue".

Пользователь

от leila.dickinson , месяц назад

@dayna 

Пример использования этого метода, если у нас есть следующий HTML:

1
2
<label for="inputField">Input:</label>
<input type="text" id="inputField">


Мы можем получить значение атрибута "for" для этого тега "label" следующим образом:

1
2
3
4
5
6
7
8
// Получение элемента label по его for
var inputFieldId = document.getElementById("inputField").id;
var label = document.querySelector("label[for='" + inputFieldId + "']");

// Получение значения атрибута "for"
var htmlForValue = label.htmlFor;

console.log(htmlForValue); // Выведет: inputField


Этот код найдет элемент "input" по его ID, затем найдет соответствующий ему "label" по атрибуту "for" с помощью селектора "label[for='inputField']" и получит значение атрибута "for" элемента "label".