Question

我是JavaScript的新手，我希望我可以使用JavaScript设置td标记的值。

我有这样的代码：

window.onload = function() {
     document.getElementById("units").value = "122"
}

我有一个像这样的html文件：

<table class="table" width="100%">
    <caption class="bold">TNEB UnitCalculator</caption>
    <tbody>
        <tr>
            <td>testing</td>
            <td id="units"></td>
        </tr>
    </tbody>
</table>

但这似乎不起作用！

Answer 1

td标记没有值属性：

document.getElementById("units").appendChild(document.createTextNode(122));

或者如果你想设置一些属性：

document.getElementById("units").setAttribute('data-value', 122);

Answer 2

td元素没有value属性。请改用innerHTML。

Answer 3

实际上你的代码工作正常

<script>
    window.onload = function() {
        document.getElementById("units").value = "122"
    }
</script>

<table class="table" width="100%">
    <caption class="bold">TNEB UnitCalculator</caption>
    <tbody>
        <tr>
            <td>testing</td>
            <td id="units"></td>
        </tr>
    </tbody>
</table>

您可以在浏览器开发者工具中查看此内容。在命令行中，键入：

document.getElementById("units").value

javascript没有设置td标记的值

3 个答案: