| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
| <html> |
| <head> |
| <style> |
| TD |
| { |
| border: 1px solid; |
| width:75px; |
| } |
| </style> |
| <script> |
| window.onload = windowLoad; |
| |
| function windowLoad() |
| { |
| var newTable = document.createElement("table"); |
| newTable.id = "newTable"; |
| |
| for(var y=0;y<1;y++) |
| |
| { |
| var newRow = newTable.insertRow(y); |
| |
| |
| for( var x=0;x<1;x++) |
| |
| { |
| var newCell = newRow.insertCell(x); |
| |
| newCell.appendChild(document.createTextNode("r" + y + "c" + x)); |
| } |
| } |
| document.body.appendChild(newTable); |
| modify(); |
| insert(); |
| } |
| |
| function modify() |
| { |
| var t = document.getElementById("newTable"); |
| |
| var cell = t.rows[0].cells[0]; |
| |
| cell.firstChild.nodeValue = "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"; |
| } |
| |
| function insert() |
| { |
| var t = document.getElementById("newTable"); |
| |
| var cell = t.rows[0].cells[0]; |
| |
| cell.firstChild.nodeValue = "aa"; |
| } |
| </script> |
| </head> |
| <body> |
| |
| <form> |
| <input type="button" onclick="modify();" value="(1) Fill cell with long string"><br> |
| <input type="button" onclick="insert();" value="(2) Fill cell with short string"><br> |
| </form> |
| </body> |
| </html> |
