Veränderung Td Klasse Wert mit JS Script

Question

Hier mein Problem dieses Skript Wert retreive

function GetTagValues() 
{ 
    // Send the request 
    jQuery.ajax ({ url:"/usr/private/tags.json.shtm", dataType:"json", success:TagValuesReceived, error:TagValuesError, timeout:10000 }); 
} 
function TagValuesReceived(json) 
{ 
    // Update value in webpage 
    document.getElementById("Tank1").innerHTML = json.Tank1; 
    //document.getElementById("Pump1Status").innerHTML = json.Pump1Status; 
    //document.getElementById("Pump1Default").innerHTML = json.Pump1Default; 
    setTimeout("GetTagValues()", 1000); 
} 

function TagValuesError() 
{ 
} 

GetTagValues(); 

Ich mag den Wert in dem td class Wert setzen (keinen Wert von meinem neuen Wert ersetzen)

<tr> 
    <th> 
     <strong>Flow</strong> 
     <span class="model">(FL-01011 15°C)</span> : 
    </th> 
    <td class="total" id="Tank1"> 
     <input type="text" size="6" value="NO VALUE" /> 
    </td> 
    <td class="unite">lpm</td> 
    <td class="today"></td> 
</tr> 

im Moment bin ich in der Lage, den Wert zu erhalten angezeigt, aber mit innerHTML- ist es die Art und Weise, dass der Wert (in der Regel in einer Box (zweiter Wert), wie das folgende Bild) gezeigt wird

Answer 1

Ich schlage vor, dass Sie die id="tank" auf das Eingangssteuer bewegen und .value statt .innerHTML verwenden.

Hier ist eine JSFiddle zur Demonstration: https://jsfiddle.net/j10gf0mg/

Hinweis: Ich habe ein paar Dinge, einschließlich der Aktivierung von Funktionen und ids geändert Standard JS folgt Codierung Stile, so dass niemand hier durcheinander. (Großgeschriebene Funktionsnamen identifizieren beispielsweise "Konstruktorfunktionen".)