javascript - 使用 Javascript 将文本添加到 TD 中的 InnerHTML

Question

我正在尝试通过 Javascript 将文本添加到特定列中的每个单元格。就像每 8 个 TD 都会被处理以添加文本。

告诉我我在这里做错了什么/为什么它没有出现在我的表格中:

<script type="text/javascript">
window.onload = function inventorytable() {
var tableRows = document.getElementById

("inventorytable").getElementsByTagName("tbody")[0].getElementsByTagName("tr");

for(var i = 0, l = tableRows.length; i < l; i++) {
    tds = tableRows.getElementsByTagName("td");
    var processor = tds[8].innerHTML += " Ghz"
    var ram = tds[9].innerHTML += " GB"
    var rspeed = tds[11].innerHTML += " Mhz"
}}
</script>

Answer 1

您忘记引用第 i 行:

tds = tableRows[i].getElementsByTagName("td");

我推荐使用:

window.onload = function inventorytable() {
    var tableRows = document.getElementById("inventorytable").rows;
             //or .tBodies[0].rows

    for(var i=0, l=tableRows.length; i < l; i++) {
        var tds = tableRows[i].cells;
        /*processor*/ tds[8].innerHTML += " Ghz"
        /*ram      */ tds[9].innerHTML += " GB"
        /*  rspeed */ tds[11].innerHTML += " Mhz"
    }
}

不要定义未使用的变量。如果您想阐明它们的用途，请使用注释。

此外，我已将 .getElementsByTagName 替换为 .rows 和 .cells .

更新
JavaScript 集是从零开始的。因此，如果您想引用第 4 个单元格，请使用 .cells[3]。在您之前的回答中，您已经展示了 fiddle 。 参见http://jsfiddle.net/ndfh2/ 。
如您所见，第一行也有后缀。要不向第一行中的这些单元格添加后缀，请将计数器启动为 1:for( var i=1; .. ; .. )

您当前的代码可能不起作用，因为您的行没有十二 (12) 行。请记住，tds[ number ] 处的数字等于行中单元格的索引，从零开始。