Đặt thuộc tính HTML <label> 'for' trong JavaScript

Làm cách nào để bạn đặt forthuộc tính của một <label>phần tử HTML trong JavaScript mà không sử dụng jQuery hoặc bất kỳ thư viện nào khác?

javascript dom

— Drew Noakes
nguồn

134

Sử dụng htmlForthuộc tính. Tôi cho rằng nó có một cái tên hơi khó hiểu vì forlà một từ khóa trong JavaScript:

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

— Drew Noakes
nguồn

Sẽ không tốt hơn nếu chỉ sử dụng setAttribute?

— Dmitri Farkov

@DmitriFarkov, tôi không nghĩ vậy. Tại sao nó sẽ tốt hơn?

— Drew Noakes

Tôi muốn nói vì lợi ích của sự nhất quán. Cá nhân không quan tâm đến đường cú pháp như thế này vì nó ngụ ý bạn đang đặt một thuộc tính thực tế trên đối tượng chứ không phải một thuộc tính trên một đối tượng phần tử DOM. Trả lời câu hỏi của tôi mặc dù, tốt hơn chỉ chủ quan.

— Dmitri Farkov

DOM về mặt khái niệm hoạt động với các đối tượng và thuộc tính. htmlForlà cách chính xác bằng cách đặt thuộc tính của phần tử DOM. Không cần phải gây rối với các thuộc tính mà là những gì setAttributehiện.

— Fabrício Matté

Có ý nghĩa! Tốt cuộc gọi.

— Dmitri Farkov