<head>
<title>Projects</title>
<style type="text/css">
.newtable
{
width:60%;
border:3px solid brown;
font-size:18px;
border-collapse: collapse;
border-spacing: 0;
border-padding: 10;
cellspacing: 0;
}
#newtable
{
width:60%;
border:3px solid brown;
font-size:18px;
border-collapse: collapse;
border-spacing: 0;
border-padding: 10;
cellspacing: 10;
}
#newtable td
{
width:200;
background-color:gray;
border:2px solid brown;
text-align:center;
border-padding: 10;
cellspacing: 10;
}
</style>
<script type="text/javascript">
function makeTable()
{
row=new Array();
cell=new Array();
row_num=20;
cell_num=4;
tab=document.createElement('table');
tab.setAttribute('id','newtable');
tbo=document.createElement('tbody');
tbo.setAttribute('id','tabody');
for(c=0;c<row_num;c++)
{
row[c]=document.createElement('tr');
for(k=0;k < cell_num;k++)
{
cell[k] = document.createElement('td');
if (k > 0)
{
cont=document.createElement("input");
cont.setAttribute('type','text');
cell[k].appendChild(cont);
row[c].appendChild(cell[k]);
}
else
{
cont=document.createTextNode("0" + (c+1));
cell[k].appendChild(cont);
row[c].appendChild(cell[k]);
}
}
tbo.appendChild(row[c]);
}
tab.appendChild(tbo);
document.getElementById('mytable').appendChild(tab);
mytable.setAttribute("align", "top-left");
}
function GetCellValues()
{
row=new Array();
cell=new Array();
row_num=20;
cell_num=4;
tab = document.getElementsByTagName('table');
tbo = tab.getElementsByTagName('tbody');
for(=0 ; c < row_num; c++)
{
row = tbo.getElementsByTagName('tr');
for(k=0; k < cell_num; k++)
{
cell = row.getElementsByTagName('td');
{
cont=cell.getElementsByTagName('input');
{
alert(cont.value);
}
}
}
}
}
</script>
</head>
</html>
質問する
289 次