JavaScriptでHTML <label> 'for'属性を設定する

86

jQueryやその他のライブラリを使用せずに、JavaScriptでforHTML<label>要素の属性をどのように設定しますか？

javascript  dom 
— ドリューノアケス
ソース

回答:

138

htmlFor属性を使用します。forJavaScriptのキーワードであるため、少しわかりにくい名前になっていると思います。

var label = document.createElement('label');
label.htmlFor = 'some-input-id';
— ドリューノアケス
ソース
setAttributeを使用する方が良いのではないでしょうか。
— Dmitri Farkov 2013
1
@DmitriFarkov、そうは思いません。なぜそれが良いのでしょうか？
— ドリューノアケス2013
一貫性のために言っておきます。このようなシンタックスシュガーは、DOM要素オブジェクトの属性ではなく、オブジェクトに実際のプロパティを設定していることを意味するため、個人的に無視します。私の質問に答えますが、主観的にのみ答えます。
— Dmitri Farkov 2013
16
DOMは概念的にオブジェクトとプロパティで機能します。htmlForDOM要素のプロパティを設定することによる正しい方法です。属性をいじる必要はありませんsetAttribute。
— FABRICIOマット
これを2倍に投票できたらいいのにと思います。Angular 2を使用してフォームを作成しており、属性のラベルを動的に更新する必要があります。[for]はエラーをスローしていましたが、[htmlFor]は扱いました。ありがとうございました！
— cbros2008 2016年
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.