表格如何增加一列？或者一行？

Question

<SCRIPT LANGUAGE=javascript>
function delCol() {
try {
var Elm = event.srcElement;
while(Elm && Elm.tagName != "TR") {
Elm = Elm.parentElement;
}
if(Elm.parentElement.rows.length <= 1) {
alert("无法删除！");
return;
}
Elm.parentElement.deleteRow(Elm.rowIndex);
} catch(e) {
alert("Err 5001:\r\n" + e);
}
}
function addCol(id) {
try {
var oTable = document.getElementById(id);
if(oTable.tagName != "TABLE")
  alert("Err 5002");
var oList = oTable.children;
var oTBODY;
for(var i=0;i<oList.length;i++) {
if(oList[i].tagName == "TBODY") {
oTBODY = oList[i];
break;
}
}
var oTR = oTBODY.lastChild;
var newTR = oTR.cloneNode(true);
addId(newTR);
oTBODY.insertAdjacentElement("beforeEnd",newTR);
} catch(e) {
alert("Err 5002:\r\n" + e);
}
}
function addId(node) {
try {
if(!node.hasChildNodes()) {
var prefix = node.getAttribute("id").split("_")[0];
var postfix = node.getAttribute("id").split("_")[1];
postfix = parseInt(postfix) + 1;
node.setAttribute("id",prefix + "_" + postfix);
node.setAttribute("value","");
return;
}
} catch(e) {}
try {
var oList = node.childNodes;
for(var i=0;i<oList.length;i++) {
addId(oList[i]);
}
} catch(e) {
alert("Err 5003:\r\n" + e);
}
}
</SCRIPT>
<table width="100%" border="0" align="center" cellpadding="3" cellspacing="1" bordercolor="#000000" class="tableprintable" id="t1">
                <tr align="center" class="tdbg0"> 
                   <td class="tdbg0"><button class="button" onClick="delCol()"> 
                    删除</button></td>
                </tr>
              </table>
              <button class="button" onClick="addCol('t1')">添加一行</button>
            </td>
          </tr>
        </table>

Answer 1

创建表格http://msdn.microsoft.com/library/default.asp?url=/workshop/author/tables/buildtables.asp

Answer 2

得到列数
function a()
{
o=document.all.pdtProperty
i=0
for(i=0;i<o.rows.length;i++)
{
if(i<o.rows[i].cells.length) i=o.rows[i].cells.length-1
}
alert(i)
}

Answer 3

<table id=pdtProperty>
<tr>
<td>test</td><td>test</td><td>test</td><td>test</td><td>test</td>
</tr>
</table>
<button onclick="cloneLine()">new line</button>
<button onclick="addcol()">new column</button>
<button onclick="alert(pdtProperty.rows[0].cells.length)">show column number</button>
<SCRIPT LANGUAGE="JavaScript">
<!--
function cloneLine(){
var rowNew = pdtProperty.firstChild.firstChild.cloneNode(true);
pdtProperty.firstChild.insertBefore(rowNew);
}
function addcol(){
var lines = pdtProperty.firstChild.children;
for (var i=0;i<lines.length;i++){
lines[i].insertCell(3).innerText="emu";
}
}
//-->
</SCRIPT>