使用javascript将数据插入HTML表中

Insert data into an HTML table using javascript

本文关键字：HTML 表中 插入 数据 javascript 使用      更新时间：2023-09-26

我有下面的HTML表，有5行5列（table.HTML）。我需要在每个单元格上插入字母"A"。如何使用javascript实现这一点？

仅使用JavaScript（无jQuery）：

JavaScript

var cells = document.getElementsByTagName("td");
for(var i = 0; i < cells.length; i++){
    var cell = cells[i];
    cell.innerText = "A " + cell.innerText;
}

JSFiddle

编辑

如果你想针对一个特定的表，你可以通过在它上设置一个id并使用这样的东西来实现：

var cells = document.getElementById("a-table").getElementsByTagName("td");

JSFiddle

如果您使用的是jQuery。这是一个非常简单的

$('td').each(function(){
   $(this).html('A' + $(this).html());
});

使用适合您的选择器试试这个，例如：

[].forEach.call(document.querySelectorAll("#table_id td"), function(el){
    el.innerHTML = 'A';
});
相关文章：