Festlegen des HTML-Attributs <label> 'for' in JavaScript

Wie können Sie das forAttribut eines HTML- <label>Elements in JavaScript festlegen , ohne jQuery oder eine andere Bibliothek zu verwenden?

javascript dom

— Drew Noakes
quelle

133

Verwenden Sie das htmlForAttribut. Ich gehe davon aus, dass es einen leicht kryptischen Namen hat, da fores sich um ein Schlüsselwort in JavaScript handelt:

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

— Drew Noakes
quelle

Wäre es nicht besser, nur setAttribute zu verwenden?

— Dmitri Farkov

@DmitriFarkov, das glaube ich nicht. Warum sollte es besser sein?

— Drew Noakes

Ich würde aus Gründen der Konsistenz sagen. Persönliche Missachtung von syntaktischem Zucker wie diesem, da dies impliziert, dass Sie eine tatsächliche Eigenschaft für das Objekt festlegen und nicht ein Attribut für ein DOM-Elementobjekt. Beantwortet meine Frage allerdings besser nur subjektiv.

— Dmitri Farkov

DOM arbeitet konzeptionell mit Objekten und Eigenschaften. htmlForist der richtige Weg, indem Sie die Eigenschaft des DOM-Elements festlegen. Sie müssen sich nicht mit Attributen herumschlagen, was auch der setAttributeFall ist.

— Fabrício Matté

Macht Sinn! Guter Anruf.

— Dmitri Farkov