Setting the HTML <label> 'for' attribute in JavaScript

Question

How do you set the for attribute of an HTML <label> element in JavaScript, without using jQuery or any other library?

Drew Noakes · Accepted Answer · 2013-04-01 19:27:43Z

211

Use the htmlFor attribute. I assume it has a slightly cryptic name because for is a keyword in JavaScript:

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

answered Apr 1, 2013 at 19:27

Drew Noakes

313k174 gold badges704 silver badges770 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Dmitri Farkov Over a year ago

Would it not be better to just use setAttribute?

Drew Noakes Over a year ago

@DmitriFarkov, I don't think so. Why would it be better?

Dmitri Farkov Over a year ago

I'd say for consistency's sake. Personal disregard for syntactic sugar like this since it implies you are setting an actual property on the object rather than an attribute on an DOM element object. Answers my question though, better only subjectively.

Fabrício Matté Over a year ago

DOM conceptually works with objects and properties. htmlFor is the correct way by setting the DOM element's property. No need to mess with attributes which is what setAttribute does.

cbros2008 Over a year ago

Wish I could double up-vote this. I'm using Angular 2 to build a form and needed to update a label's for attribute dynamically. [for] was throwing up an error but [htmlFor] worked a treat. Thank you!

|

Collectives™ on Stack Overflow

Setting the HTML <label> 'for' attribute in JavaScript

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related