Встановлення атрибута HTML <label> 'for' у JavaScript

Як встановити forатрибут <label>елемента HTML у JavaScript, не використовуючи jQuery або будь-яку іншу бібліотеку?

javascript dom

134

Використовуйте htmlForатрибут. Я припускаю, що він має трохи загадкову назву, оскільки forце ключове слово в JavaScript:

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

— Дрю Ноукс
джерело

Чи не було б краще просто використовувати setAttribute?

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

@DmitriFarkov, я не думаю. Чому це було б краще?

— Дрю Ноукс,

Я б сказав для послідовності. Особисте ігнорування подібного синтаксичного цукру, оскільки це означає, що ви встановлюєте фактичну властивість об’єкта, а не атрибут об’єкта елемента DOM. Хоча відповідає на моє запитання, краще лише суб’єктивно.

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

DOM концептуально працює з об'єктами та властивостями. htmlForє правильним шляхом встановлення властивості елемента DOM. Не потрібно возитися з атрибутами, що саме і setAttributeробить.

— Fabrício Matté

Має сенс! Гарний дзвінок.

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