使用javascript将数据插入到HTML表格中

Question

I have the following HTML table with 5 rows and 5 columns (table.html). I need to insert letter 'A' on each cell. How do I achieve this using javascript?

Answer 1

If you are usin jQuery. It is very simple

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

Answer 2

Using only JavaScript (no 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

EDIT

If you want to target a specific table, you can do this by setting an id on it and using something like this:

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

JSFiddle

Answer 3

Try this, using the selector that suits you, for example:

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