谁能帮俺一下??

你为什么要在div中创建一个表格呢。有什么目的

解决方案 »

  1.   

    运行一下下面的代码就知道了
    <html>
    <head>
    <title>Tree walk test - JScript</title>
    </head>
    <XML ID="head">
    <xmldata>
      <username widthlen="150">用户名</username>
      <pw widthlen="150">密码</pw>
    </xmldata>
    </XML>
    <XML ID="data">
    <xmldata>
    <row>
      <username isshow="1" iskey="0">fmzhang</username>
      <pw       isshow="1" iskey="0">1</pw>
    </row>
    <row>
      <username isshow="1" iskey="0">fmzhang</username>
      <pw       isshow="1" iskey="0">2</pw>
    </row>
    <row>
      <username isshow="1" iskey="0">fmzhang</username>
      <pw       isshow="1" iskey="0">3</pw>
    </row>
    </xmldata>
    </XML>
    <body ID="objbody">
    <input type="button" value="add" onclick="add()">
    <input type="button" value="addall" onclick="addall()">
    <input type="button" value="delete" onclick="del()">
    </body></html>
    <script>
     var nodes=head.documentElement.childNodes;
     var nodeslen=nodes.length;
     var attributes=head.documentElement.firstChild.attributes;
     var objform=document.createElement("<FORM name='fjcl'>");
     var objtable=document.createElement("<TABLE bordercolor='#1EC600' border='1'>"); 
     var objtbody=document.createElement("TBODY");
     objtable.appendChild(objtbody);
    </script>
    <script language="javascript">
    function add()
    {
    //生成表格第一行
     var objtr=document.createElement("TR");
     objtbody.appendChild(objtr);
     var objtd=document.createElement("TD");
     objtd.width="20";
     objtd.innerText=" ";
     objtr.appendChild(objtd);
     for(var i=0;i<nodeslen;i++)
     {
       var objtd=document.createElement("TD");
       objtd.width=attributes.item(0).text;
       var tdtext=nodes.item(i).text;
       var objtext=document.createTextNode(tdtext);
       objtd.appendChild(objtext);
       objtr.appendChild(objtd);
     }
     objform.appendChild(objtable);
     objbody.appendChild(objform);
    }
    function addall()
    {
      var datanodes=data.documentElement.childNodes;
      var datanodeslen=datanodes.length;//总数据行数
      var childdatanodes=datanodes.item(0).childNodes;
      var childdatanodeslen=childdatanodes.length;//每行下面可能的数据项长度
      for(var i=0;i<datanodeslen;i++)
      {
        var objtr=document.createElement("TR");
        var thetd=document.createElement("TD");
        var objRadio=document.createElement("<input type='RADIO' name='rad' value='' onclick=''>");
        objRadio.onclick="";
        thetd.appendChild(objRadio);
        objtr.appendChild(thetd);
        for(var j=0;j<childdatanodeslen;j++)
        {
          var theAttr=datanodes.item(i).childNodes.item(j).attributes; 
          if(theAttr.item(0).text=='1')//isshow=1
          {
             var objtd=document.createElement("TD");
             var tdtext=document.createTextNode(datanodes.item(i).childNodes.item(j).text);
             objtd.appendChild(tdtext);
             objtr.appendChild(objtd);
          }
          
        }
        objtbody.appendChild(objtr);
      }
      objform.appendChild(objtable);
      objbody.appendChild(objform);
    }
    function init()
    {}
    function add1()
    {
      mytable=document.createElement("TABLE");
      mytbody=document.createElement("TBODY");
      mytr=document.createElement("TR");
      mytd=document.createElement("TD");
      mytext=document.createTextNode("1111");
      mytable.appendChild(mytbody);
      mytbody.appendChild(mytr);
      mytr.appendChild(mytd);
      mytd.appendChild(mytext);
      objbody.appendChild(mytable);
    }
    </script>
    <script>
    function del()
    {
    objform.childNodes.item(0).removeNode(true);
    }
    </script>
    删除以后再点击添加按钮以前的东西还在,并没有彻底删除
    我想实现点删除按钮以后点add按钮重新生成那些东西
      

  2.   

    用下面这个删除表格var tbl = document.getElementById("tableID");
    while (tbl.firstChild)
      tbl.removeChild(tbl.firstChild);tbl.parentNode.removeChild(tbl);