Установка атрибута HTML <label> 'for' в JavaScript

Как установить forатрибут <label>элемента HTML в JavaScript без использования jQuery или любой другой библиотеки?

javascript dom

138

Используйте htmlForатрибут. Я предполагаю, что у него немного загадочное имя, потому что forэто ключевое слово в JavaScript:

var label = document.createElement('label');
label.htmlFor = 'some-input-id';

— Дрю Ноукс
источник

Не лучше ли было бы просто использовать setAttribute?

— Дмитрий Фарков 01

@DmitriFarkov, я так не думаю. Почему было бы лучше?

— Дрю Ноукс,

Я бы сказал для последовательности. Личное пренебрежение подобным синтаксическим сахаром, поскольку он подразумевает, что вы устанавливаете фактическое свойство объекта, а не атрибут объекта элемента DOM. Но отвечает на мой вопрос, лучше только субъективно.

— Дмитрий Фарков 01

DOM концептуально работает с объектами и свойствами. htmlForявляется правильным путем, задав свойство элемента DOM. Не нужно возиться с атрибутами, а это то, что setAttributeнужно.

— Fabrício Matté 01

Хотел бы я удвоить голосование. Я использую Angular 2 для создания формы, и мне нужно динамически обновлять метку для атрибута. [for] выдавал ошибку, но [htmlFor] сработал. Спасибо!

— cbros2008