使用JS脚本更改Td类值

时间:2016-08-05 14:55:15

标签: javascript jquery html html-table innerhtml

这是我使用此脚本来检索值

的问题
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类值中(用我的新值替换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它会改变显示值的方式(通常在一个方框(第二个值)中,如下图所示)

Box vs innerHTML

1 个答案:

答案 0 :(得分:1)

我建议您将id="tank"移至输入控件并使用.value代替.innerHTML

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

注意:我改变了一些东西,包括函数和id的大写,以遵循标准的JS编码样式,所以没有人在这里混淆。 (大写的函数名称标识&#34;构造函数&#34;函数,例如)