<table id="table1"></table>
<input type="button" value="增加一行" onclick="AddRow()" />
<input type="button" value="删除一行" onclick="DelRow()" />
<input type="button" value="全部删除" onclick="table1.innerHTML = ''" /><script>
function AddRow()
{
    var tr = table1.insertRow();
    tr.innerHTML = "<td>呵呵</td>"
}
function DelRow()
{
    if(table1.rows.length<1) return;
    var len = table1.rows.length;
    table1.rows[len-1].parentNode.removeChild(table1.rows[len-1])
}
</script>

解决方案 »

  1.   

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function New(){
    var objtb = document.all.tb
    var row = objtb.insertRow(objtb.rows.length)
    var cell = row.insertCell();
    cell.width="50"
    cell.innerHTML = "<INPUT TYPE=\"checkbox\" id=\"chk"+ objtb.rows.length +"\">"
    var cell =  row.insertCell();
    cell.innerHTML = objtb.rows.length
    }
    function Delete(){
    var objtb = document.all.tb
    for(var i=objtb.rows.length-1;i>-1;i--){
    if(objtb.rows(i).cells(0).firstChild.checked){
    objtb.deleteRow(i);
    }
    }
    }
    //-->
    </SCRIPT>
    <TABLE id="tb" border="1" width="300">
    <TR>
    <TD width="50"><INPUT TYPE="checkbox" id="chk0"></TD><TD>1</TD>
    </TR>
    <TR>
    <TD width="50"><INPUT TYPE="checkbox" id="chk1"></TD><TD>2</TD>
    </TR>
    <TR>
    <TD width="50"><INPUT TYPE="checkbox" id="chk2"></TD><TD>3</TD>
    </TR>
    <TR>
    <TD width="50"><INPUT TYPE="checkbox" id="chk3"></TD><TD>4</TD>
    </TR>
    <TR>
    <TD width="50"><INPUT TYPE="checkbox" id="chk4"></TD><TD>5</TD>
    </TR>
    </TABLE>
    <INPUT TYPE="button" value="新增" onclick="New()">
    <INPUT TYPE="button" value="删除" onclick="Delete()">
      

  2.   

    tr.innerHTML = "<td>呵呵</td>"
    这句有错啊
      

  3.   

    to  harryCom() 
    想插入的一行还有背景色,我是这样做的
    在var row = objtb.insertRow(objtb.rows.length)后加入
    row.bgcolor="#999999";
    但是没有效果。
      

  4.   

    to  harryCom() 
    想插入的一行还有背景色,我是这样做的
    在var row = objtb.insertRow(objtb.rows.length)后加入
    row.bgcolor="#999999";
    但是没有效果。
      

  5.   

    给段代码你研究哈啊,什么都有,绝对满足你的要求// 画表
    function drawResidentList(xmlReturn,xmlQueryInfo){
        try{
            var objTb=document.getElementById("tbList");        while(objTb.rows.length>1){
                objTb.rows(objTb.rows.length-1).removeNode(true);
            }
            var objTbody=document.createElement("TBODY");
            var intLength=xmlReturn.selectNodes("//ROW").length
            for (var i=0;i<intLength;i++){
                var objTr=document.createElement("tr");
                objTr.align="center"
    var sPersonId = xmlReturn.selectNodes("//PERSONID").item(i).text;
    objTr.personid = sPersonId;
    objTr.onmouseover=function(){
    var src=event.srcElement;
    window.event.cancelBubble=true;
    if(src.tagName=="TD"){
    src=src.parentElement;
    src.style.backgroundColor="#FFDA46";
                        src.style.cursor="hand";
    }
    };
    objTr.onmouseout=function(){
    var src=event.srcElement;
    window.event.cancelBubble=true;
    if(src.tagName=="TD"){
    src=src.parentElement;
    src.style.backgroundColor="transparent";
    }
    };
    objTr.onclick=function(){
    window.event.cancelBubble = true;
    var src=event.srcElement;
    //if(src.tagName=="TD"){
    //src=src.parentElement;
    //}
    while(src.tagName!="TR"){
    src=src.parentElement;
    }
    sPersonID = src.personid;
    with (document.frmPost){
    method = "post";
    //action = "personResidentInfo.asp";
    txtPersonID.value = sPersonID;
    submit();
    }
    }            var oEdit=document.getElementsByName("setHidden")
                for(var j=0;j<oEdit.length;j++){
                    var oTd=document.createElement("td")
                    var sText;
                    var nodeName = oEdit[j].setfield.toUpperCase();
                    var kind = oEdit[j].kind.toLowerCase();
                    if(nodeName=="PERSONTYPE" && kind=="text"){
    var nodeRow = xmlReturn.selectNodes("//ROW").item(i);
    var nlPersonType =nodeRow.selectNodes("PERSONTYPE");
    for(var k=0;k<nlPersonType.length;k++){
    sPersonType = nlPersonType.item(k).text;
    var strURL = ""
    switch(sPersonType){
    case "01":  // 常住人口
    var sImage = document.createElement('<IMG width="16" height="16" border="0" src="../images/Person/Resident.gif" title="常住人口">');

    break;
    case "02":    // 暂住人口
    var sImage = document.createElement('<IMG width="16" height="16" border="0" src="../images/Person/StayPerson.gif" title="暂住人口">');
    strURL = "show_StayPerson.asp"
    break;
    case "03":    // 暂住人携带人
    var sImage = document.createElement('<IMG width="16" height="16" border="0" src="../images/Person/TakePerson.gif" title="暂住人携带人">');
    //strURL = "show_TakePerson.asp"
    break;
    case "04":    // 工作对象
    var sImage = document.createElement('<IMG width="16" height="16" border="0" src="../images/Person/SuspectPerson.gif" title="工作对象">');
    strURL = "show_SuspectPerson.asp"
    break;
    case "10":    // 知名人士
    var sImage = document.createElement('<IMG width="16" height="16" border="0" src="../images/Person/FamousPerson.gif" title="知名人士">');

    break;
    case "30":    // 人户分离
    var sImage = document.createElement('<IMG width="16" height="16" border="0" src="../images/Person/personDoorSplit.gif" title="人户分离">');

    break;
    }
    if(strURL!=""){
    strURL ="../query/" + strURL + "?txtPersonID=" + sPersonId
    var oAhref = document.createElement('<A href="' + strURL + '" target="blank" onclick="event.cancelBubble=true;return true;">')
    oAhref.appendChild(sImage);
    oTd.appendChild(oAhref);
    }else{
    oTd.appendChild(sImage);
    }


    }
    }
    else{
    if(nodeName=="STATUS"){
    var sStatus=xmlReturn.selectNodes("//" + nodeName).item(i).text
    switch(sStatus){
    case "90":
    var sImage=document.createElement('<IMG width="16" height="16" border="0" src="../images/Person/PersonLogout.gif" title="注销或离开">')
    oTd.appendChild(sImage);
    break;
    case "99":
    var sImage=document.createElement('<IMG width="16" height="16" border="0" src="../images/Person/PersonDead.gif" title="死亡注销">')
    oTd.appendChild(sImage);
    break;
    default:
    var sImage=document.createElement('<IMG width="16" height="16" border="0" src="../images/Person/PersonManage.gif" title="正常">')
    oTd.appendChild(sImage);
    break;

    }
    }
    else if(nodeName=="HASPHOTO"){
    // 是否有相片
    var sHasPhoto = getNodeValue(xmlReturn,nodeName,i);
    var sTitle = "该人没有相片";
    if(parseInt(sHasPhoto)>0){
    sTitle = "该人有 " + parseInt(sHasPhoto) + " 张相片";
    var sImage=document.createElement('<IMG width="16" height="16" border="0" src="../images/hasphoto.gif">')
    oTd.appendChild(sImage);
    }
    oTd.title = sTitle;
    }
                        else if(nodeName=="AFFAIRSTATE"){
    // 是否锁定
    var sAffairState = getNodeValue(xmlReturn,nodeName,i);
    var sTitle = "该人未进行其他操作,可以办理业务!";
    if(sAffairState=="1"){
                                objTr.disabled = true;
    sTitle = "该人正在办理业务中,不能办理新的业务!";
    var sImage=document.createElement('<IMG width="16" height="16" border="0" src="../images/Person/Lock.gif">');
    oTd.appendChild(sImage);
    }
    oTd.title = sTitle;
    }
    else{
                            if(kind=="dic"){
                                sText=subStr(xmlReturn.selectNodes("//" + nodeName).item(i).getAttribute(oEdit[j].attribute),17)
                                oTd.title = xmlReturn.selectNodes("//" + nodeName).item(i).getAttribute(oEdit[j].attribute);
                                oTd.align = "left";
                            }
                            else{
                                sText=xmlReturn.selectNodes("//" + nodeName).item(i).text
                            }
                                
                            oTd.appendChild(document.createTextNode(sText))
                          }

    }
                         objTr.appendChild(oTd);
                    }
                      objTbody.appendChild(objTr)
                }
               
                
            objTb.appendChild(objTbody);
        }
        catch(e){
            
            return false;
        }
    }
      

  6.   

    row.bgColor="#999999"; 或者row["bgColor"]="#999999";
      

  7.   

    to harryCom() 非常感谢,真是太感谢了。