Question

我沉迷于jQuery，并且无法使用纯JavaScript循环遍历页面上的每个<td>并插入<input>。任何人都可以帮我解决这个简单的任务吗？

Answer 1

如果您喜欢jQuery，那么您应该找到querySelectorAll方法，以便用来选择DOM元素。您可以尝试这样的方法将输入插入页面上的每个td：

＆＃13;

var tds = document.querySelectorAll('td');

Array.prototype.slice.call(tds).forEach(function(td) {
    var input = document.createElement('input');
    input.type = 'text';
    td.appendChild(input);
});

＆＃13;

<table>
    <tr>
        <td>Content</td>
        <td>Content</td>
    </tr>
    <tr>
        <td>Content</td>
        <td>Content</td>
    </tr>
</table>

＆＃13;

当然，您可以使用古老的forEach循环代替花哨的for：

for (var i = 0; i < tds.length; i++) {
    // ...
}

而不是querySelectorAll('td')还有

var tds = document.getElementsByTagName('td');

使用Javascript在每个表格单元格中插入内容

1 个答案: