使用javascript将数据插入HTML表格

时间:2015-11-21 11:00:13

标签: javascript html

我有以下HTML表,包含5行和5列(table.html)。我需要插入一封信' A'在每个细胞上。我如何使用javascript实现这一目标?

3 个答案:

答案 0 :(得分:1)

如果你是jQuery的用户。这很简单

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

答案 1 :(得分:1)

仅使用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

答案 2 :(得分:1)

尝试使用适合您的选择器,例如:

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