使用 JS 脚本更改 Td Class 值

Question

这是我使用此脚本检索值的问题

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

我想将值放入 td class 值（用我的新值替换 NO VALUE）

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

现在我能够获取要显示的值，但是使用 innerHTML 它改变了值的显示方式（通常在框（第二个值）中，如下图所示）

Answer 1

我建议您将 id="tank" 移动到输入控件并使用 .value 而不是 .innerHTML。

这是一个用于演示的 JSFiddle：https://jsfiddle.net/j10gf0mg/

注意：我更改了一些内容，包括函数和 ID 的大写，以遵循标准的 JS 编码风格，因此不会有人在这里感到困惑。（例如，大写函数名称标识 "constructor" 个函数）

使用 JS 脚本更改 Td Class 值

Change Td Class Value with JS Script

html

javascript

jquery

html-table

innerhtml