Knopftext in Javascript ändern?

Question

Wie ändere ich den Text der Schaltfläche in das Ergebnis meines Arrays?

hier ist mein Code:

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); 
} 

Die Taste zeigen immer noch leer danach. Was ist das Problem dort?

Answer 1

Generell sollten Sie zunächst auf die Schaltfläche Element im DOM-Baum finden, dann weisen Sie den neuen Wert mit innerHTML Eigenschaft, zB:

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

In Ihrem Beispiel versucht, den letzten Teil auf diese Weise zu ändern:

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);