java scriptで変数を用いた「for="」を挿入したいが、「id="」しか反応が返りません…

Question

前提・実現したいこと

<label class="050" for="hoge1">ああ0あ</label>
<label class="050" for="hoge2">ああ0あ</label>
<label class="050" for="hoge3">ああ0あ</label>
上記の「for="hoge3"」の部分を変数を用いたjavaで挿入したいです。

下記の「該当のソースコード」のコードを実行すると
<label class="050" id="hoge1">ああ0あ</label>
のように、「id="hoge1"」では実現できるのですが、
<label class="050" for="hoge1">ああ0あ</label>
のように「for="hoge1"」にはなってくれず、困っています…。

どうしたらid="ではなくfor="が記述されますでしょうか？

学び始めたばかりです。初歩的な質問でしたら申し訳ありません。
どなたかご教授頂けたらほんとうに助かります…。

発生している問題・エラーメッセージ

該当のソースコード

<label class="050">あああ</label>
<label class="050">あああ</label>

<script>
var tags=document.getElementsByTagName("label");
var count=0;
for (var i=0;i<tags.length;i++){
if(tags[i].className=="050") tags[i].id="hoge"+(++count).toString();
}
</script>

試したこと

・tags[i].id="hoge"+(++count)の部分の書き換え

tags[i].id="hoge"+(++count)　を
tags[i].for="hoge"+(++count) と書き換えたのですが、「id」の文字の部分を書き換えると「id="hoge"+(++count)」自体が挿入されなくなってしまいます…。

「id="」を書き換える前：<label class="050" id="hoge1">ああ0あ</label>
「id="」を「for="」と書き換えるとこのようになってしまいます：<label class="050">ああ0あ</label>

補足情報（FW/ツールのバージョンなど）

java scriptの部分は、.htmlに<script></script>で記述しています。

Comments

[jimbe]

> .htmlに<script></script>で記述
つまりこれは javascript です。java とは違いますので、ご質問のタグを変えて頂けますでしょうか。

[pkpk0120]

ご指摘ありがとうございます！タグの修正をさせていただきました。ごめんなさい。

[m.ts10806]

質問内容も修正されたほうが良いですね。
＞javaの部分は

[pkpk0120]

ご指摘ありがとうございます！javaとjavascriptを混同していました。申し訳ありません…。修正させていただきました！ありがとうございます！

Answer 1

「htmlFor」を試してみてください。

変更前）tags[i].for = ～
変更後）tags[i].htmlFor = ～

■ HTMLLabelElement.htmlFor
https://developer.mozilla.org/en-US/docs/Web/API/HTMLLabelElement/htmlFor

Comments

[pkpk0120]

ありがとうございます！htmlForと書き換えたところ、無事hoge1 hoge2などと反映させることが叶いました！！ほんとうに助かりました。URL先も参考にしてもっと学びたいと思います。ありがとうございました！

Answer 2

プロパティでアクセスせずに属性を書き換えてください

let count=0;
document.querySelectorAll('label').forEach(x=>{
  if(x.classList.contains('050')){
    x.setAttribute('for',`hoge${++count}`);
  }
})

Comments

[pkpk0120]

なるほど、そういった記述のやり方もあるのですね！参考にさせて頂きます。ありがとうございます！