JavaScriptで連番のIDのValueに値を入れたいです。

Question

JavaScriptで
document.getElementById(ID名).value = "値";とすると
該当IDのValueに値が入ると思うのですが、このIDの部分が連番の場合、どう書いたら良いのかがわかりません。

function abcSuccess(xml, status){
  $(xml).find(item).each(function(){
    $(this).find("xxList").each(function(){
      var nameArray = new Array();
      var i = 0;
      var j = 0;
      $(xml).find("item").each(function() {
        nameArray[i] = $("m_Label", this).text();
        i++;
      )};
      for(j = 0; j < array.length; j++){
        document.getElementById('jsfform:abc:' + j + ':efgLabel').value = nameArray[j];
      }
      return;
    });
  });
}
//上のソースの
//('jsfform:abc:' + j + ':efgLabel').valueの部分の書き方がわからず、悩んでいます。

<td>
  <t:dataList id="abc">
    <t:div>
      <h:outputLabel>
        <h:outputText id="efg" value="#{xxList".label}" />
      </h:outputLabel>
    </t:div>
  </t:dataList>
</td>

やりたいこととしては

IDがjsfform:abc:0:efgLabelのvalueにnameArray[0]を代入
IDがjsfform:abc:1:efgLabelのvalueにnameArray[1]を代入
IDがjsfform:abc:2:efgLabelのvalueにnameArray[2]を代入

をしていきたいです。
よろしくお願いいたします。

下記、実行時のコンソールのエラー文です。

Attribute 'for' of label component with id jsfform:abc:0:idJsp101 is notdefined
Attribute 'for' of label component with id jsfform:abc:1:idJsp101 is notdefined
Attribute 'for' of label component with id jsfform:abc:2:idJsp101 is notdefined

Invalid tag found : unexpected input while looking for attr name or '>' at line 400

出力した時の該当部分HTMLを追記します。

<td>
  <div>
    <lavel>
      <span id = "jsfform:abc:0:efgLabel">あああ
      </span>
    </label>
  </div>
  <div>
    <lavel>
      <span id = "jsfform:abc:1:efgLabel">いいい
      </span>
    </label>
  </div>
  <div>
    <lavel>
      <span id = "jsfform:abc:2:efgLabel">ううう
      </span>
    </label>
  </div>
</td>

Answer 1

 document.getElementById('jsfform:abc:' + j + ':efgLabel').innerText = nameArray[j];

にしたら解決しました。
ありがとうございました。

Answer 2

JavaScriptは大文字と小文字を区別しますので、arrayとArrayは別物です。

IDの書き方の問題ではなく、そちらでうまく動かなくなっているのではないでしょうか。

Comments

[maisumakun]

Array（先頭大文字）は配列に関連した組み込みオブジェクトですので、自分で作る変数の名前としては不適当です。

[iisaniisan]

すみません。質問する際に大文字と小文字を書き間違えてしまいました。

[maisumakun]

コンソールにエラーなどは出ていませんか？

[iisaniisan]

エラー出ていました。質問文に追加で書きました。

[maisumakun]

abcSuccess関数が呼び出されていることは確認しましたか？

[iisaniisan]

abcSuccess関数が呼び出されていることは確認しました。

[maisumakun]

現状ではどのような動作をしているのですか？

[iisaniisan]

abcSuccess関数で現状は
xmlのitemに入っているm_Labelの値を1個ずつ取ってきてnameArrayの配列に入れています。
そのあと、nameArrayに入れた値をjspソースでいうと
<h:outputText id="efg" value="#{xxList".label}" />のvalueの部分に入れたいと思っています。
サーバーを始動させて、chromeの検証ツールのElementsで見ると該当する場所のHTMLのidがjsfform:abc:番号:efgLabelとなっているので、そこに入れる処理を書こうとしています。

[maisumakun]

<h:outputText>は、出力されたHTMLではどのようなタグになっていますか？（そのままHTMLに書かれている状況でしょうか？）

[iisaniisan]

h:outputTextの部分は出力されるとspanになっています。

[maisumakun]

<span>にvalueというプロパティはありません（JavaScriptから「value=」と代入はできますが、HTMLに何の影響も及ぼしません）。むりやりvalueを付けたい場合はsetAttributeで入れてください。