Ustawianie atrybutu HTML <label> „for” w JavaScript

Jak ustawić foratrybut <label>elementu HTML w JavaScript, bez używania jQuery lub jakiejkolwiek innej biblioteki?

javascript dom

— Drew Noakes
źródło

134

Użyj htmlForatrybutu. Zakładam, że ma nieco tajemniczą nazwę, ponieważ forjest to słowo kluczowe w JavaScript:

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

— Drew Noakes
źródło

Czy nie byłoby lepiej po prostu użyć setAttribute?

— Dmitri Farkov

@DmitriFarkov, nie sądzę. Dlaczego miałoby być lepiej?

— Drew Noakes

Powiedziałbym dla zachowania spójności. Osobiste lekceważenie cukru składniowego, takiego jak ten, ponieważ sugeruje, że ustawiasz rzeczywistą właściwość obiektu, a nie atrybut obiektu elementu DOM. Odpowiada jednak na moje pytanie, lepiej tylko subiektywnie.

— Dmitri Farkov

DOM koncepcyjnie działa z obiektami i właściwościami. htmlForto właściwy sposób poprzez ustawienie właściwości elementu DOM. Nie ma potrzeby majstrowania przy atrybutach, co tak właśnie setAttributejest.

— Fabrício Matté

Ma sens! Dobra decyzja.

— Dmitri Farkov