javascriptで､配列の英単語を順番にﾎﾞﾀﾝ形式で表示させています｡そこで､ﾎﾞﾀﾝを表示させたあとで､ある単語のﾎﾞﾀﾝのところを､別の文字で書き換えたいのですが書…

javascriptで､配列の英単語を順番にﾎﾞﾀﾝ形式で表示させています｡
そこで､ﾎﾞﾀﾝを表示させたあとで､ある単語のﾎﾞﾀﾝのところを､別の文字で書き換えたいのですが書き換えるやり方がよくわかりません｡
例えば､下記のｺｰﾄﾞで､labelArray[2] 2個めの配列を
他の文字に書き換えるにはどうしたらいいのでしょうか？
document.getElementById("IDｺｰﾄﾞ").textContent =
↑のｺｰﾄﾞを使うのでしょうか？
具体的に教えて頂ければ幸いです｡

下がｺｰﾄﾞです｡
//順番に6個の選択肢を順番に表示させる
for ( var i = 0; i < 6; i++ ) {
var b = document.createElement("button");
b.innerHTML = labelArray[i]; //6個のﾎﾞﾀﾝを順番に表示させる

もし､BUTTON ﾀｸﾞが選択肢の英単語しかないなら､document.getElementsByTagName を使って BUTTON ﾀｸﾞの要素を全て手に入れて､その2番目(ｲﾝﾃﾞｯｸｽは 1 )のﾎﾞﾀﾝの文字を置き換える｡
例えば､こんな感じ｡

<script>
// ﾎﾞﾀﾝを表示する
window.onload = function() {
 var labelArray = ["car" , "apple", "box", "dinner", "eagle", "fox"];

 for ( var i = 0; i < 6; i++ ) {
 var b = document.createElement("button");
 b.innerHTML = labelArray[i]; //6個のﾎﾞﾀﾝを順番に表示させる
 document.body.appendChild(b);
 }
};


// 2番目の apple を Google に置き換える
function changeLabel() {
 var buttons = document.getElementsByTagName("button");
 // 2番目
 buttons[1].innerHTML = "Google";
}

</script>

<body>
<a href="#" onclick="changeLabel()">2番目の apple を Google に置き換える</a>
<p>
</body>

innerHTML の代りに textContent を使っても､同じです｡

もし､他にもﾎﾞﾀﾝがあるなら ID を振っておいて document.getElementById でﾋﾟﾝﾎﾟｲﾝﾄに指定した方が良いでしょう｡

<script>
// ﾎﾞﾀﾝを表示する
window.onload = function() {
 var labelArray = ["car" , "apple", "box", "dinner", "eagle", "fox"];

 for ( var i = 0; i < 6; i++ ) {
 var b = document.createElement("button");
 // ★ ﾎﾞﾀﾝに word_option_0 というような id をつけておく
 b.id = "word_option_" + i;
 b.innerHTML = labelArray[i]; //6個のﾎﾞﾀﾝを順番に表示させる
 document.body.appendChild(b);
 }
};

// 2番目の apple を Google に置き換える
function changeLabel() {
 // 2番目のﾎﾞﾀﾝの ID を指定して要素を取得する
 var button = document.getElementById("word_option_1");
 button.innerHTML = "Google";
}

</script>

<body>
<button onclick="changeLabel()">2番目の apple を Google に置き換える</button>
<p>
</body>