Il seguente snippet aggiunge nuove linee a caselle
a una tavola programmaticamente. Pero' come fare per aggiungere
un po' di CSS formatting a queste celle? Ho bisogno di manipolare tipo di fonts e dimensioni, padding ecc.
Per favore consigliate ...
<html>
<head>
<script language="JavaScript" type="text/javascript">
function addRow(id){
var tbody = document.getElementById
(id).getElementsByTagName("TBODY")[0];
var row = document.createElement("TR")
var td1 = document.createElement("TD")
td1.appendChild(document.createTextNode("efgh"))
var td2 = document.createElement("TD")
td2.appendChild (document.createTextNode("5678"))
row.appendChild(td1);
row.appendChild(td2);
tbody.appendChild(row);
}
</script>
</head>
<body>
<br><br><br>
<a href="#" onclick="addRow('myTable');return false;">Add row</a>
<table id="myTable" cellspacing="0" border="1">
<tbody>
<tr>
<td>abcd</td><td>1234</td>
</tr>
</tbody>
</table>
</body>
</html>