javascriptのボタンのテキストを変更しますか？

Question

ボタンのテキストを配列の結果に変更するにはどうすればよいですか？ここ

は私のコードです：

var lastLength = bestRes.length; 
for(var x = 0; x< lastLength; x++){ 

    var specMatchTime = new Date(Date.parse(bestRes[x]["match_time"])); 
    var specMatchHour = specMatchTime.getHours(); 
    var specMatchMinutes = specMatchTime.getMinutes(); 

    var rowDiv = document.createElement("div"); 
    rowDiv.className += "row"; 

    var colDiv = document.createElement("div"); 
    colDiv.className += "col-md-2 matchDetails"; 
    colDiv.innerHTML = ''+specMatchHour + ":" + specMatchMinutes; 
    rowDiv.appendChild(colDiv); 

    colDiv = document.createElement("div"); 
    colDiv.className += "col-md-2 matchDetails"; 
    colDiv.innerHTML = bestRes[x]['league']; 
    rowDiv.appendChild(colDiv); 

    colDiv = document.createElement("div"); 
    colDiv.className += "col-md-4 matchDetails"; 
    colDiv.innerHTML = bestRes[x]['home']+' vs '+ bestRes[x]['away']; 
    rowDiv.appendChild(colDiv); 

    colDiv = document.createElement("div"); 
    colDiv.className += "col-md-1 matchButton"; 
    var button = document.createElement("button"); 
    button.className += "btn"; 
    var moneyHome = bestRes[x]['money_home']; 
    moneyHome.toString(); 
    button.innerHTML = moneyHome; 
    colDiv.innerHTML = '<input id="buttonID" type="button" class="btn"/>'; 
    rowDiv.appendChild(colDiv); 
} 

ボタンはまだその後、空白表示されます。そこには何が問題なのですか？あなたが最初innerHTMLプロパティに新しい値を割り当て、その後、DOMツリー内のボタン要素を見つける必要があり、一般的に言えば

Answer 1

、例えば：

var button = document.getElementById('your-button-id'); 
button.innerHTML = bestRes[x]['home']; 

あなたの例では、このように最後の部分を変更しよう：

var button = document.createElement("input"); 
button.type = "button"; 
button.id = "buttonID"; 
button.className = "btn"; 
button.value = finalRes[x]['money_home']; 
colDiv.appendChild(button); 
rowDiv.appendChild(colDiv);