请教 关于动态插入tr到Table中的一些问题!!!

先取出来,都放数组里,然后clear之后重新放进去

解决方案 »

  1.   

    look
    --------------------------------------------------------
    <table id= "table1">
       <tr><td>张三</td><td>男</td></tr>
       <tr><td>李丝丝</td><td>女</td></tr>
       <tr><td>王五</td><td>男</td></tr>
       <tr><td>赵六</td><td>男</td></tr>
    </table><script language="javascript">var table = document.getElementById("table1");
    function AddRow(index,col1,col2){
    if(index==0)return;
    for(var i=0;i<table.rows.length;i++){
    if(table.rows[i].cells[0].innerText==col1 && table.rows[i].cells[1].innerText==col2)return;
    }
    var row = table.insertRow(index);
    var cell = row.insertCell();
    cell.innerText=col1;
    cell = row.insertCell();
    cell.innerText=col2;
    }function RemoveRow(index){
    table.deleteRow(index-1);}//AddRow(1,"张三","男");
    </script><p>行数:<input type="text" name="t3" size="20" id="t3" value="1">从1开始</p>
    <p>姓名:<input type="text" name="t1" size="20" id="t1" value="王五"></p>
    <p>性别:<input type="text" name="t2" size="20" id="t2" value="男"></p><p><input type="button" onclick="AddRow(t3.value,t1.value,t2.value);" value="添加一行">  <input type="button" onclick="RemoveRow(t3.value);" value="删除一行">
      

  2.   

    <script language="javascript" type="text/javascript">

    function appendTb()
    {
    var names = new Array('张三','李丝丝','王五','赵六');
    var ids = new Array("zsan","lsisi",'wwu','zhaoliu');
    var gender = new Array('男','女','男','男');
    var mytb = document.createElement("<table id='table1' width='60%' align='center' border='1'>");

    for (var i=0; i<names.length; i++)
    {
    var rows = mytb.insertRow();
    rows.setAttribute("id", ids[i]);
    rows.style.textAlign = 'center';
    var namecell = rows.insertCell();
    namecell.setAttribute("width", '50%');
    namecell.innerText = names[i];
    var gerndercell = rows.insertCell();
    gerndercell.innerText = gender[i];
    gerndercell.setAttribute("id", ids[i]);
    }
    /*
    var tmpr = mytb.insertRow(2);//改变当中的数值，并取注释，看看有什么结果;
    var tmpc = tmpr.insertCell();
    tmpc.innerText = 'hello';
    var tmpc = tmpr.insertCell();
    tmpc.innerText = 'world';
    */
    document.body.appendChild(mytb);
    /*
    var mytable = document.getElementById('table1');
    var tbrows = mytable.getElementsByTagName('TR');
    for (var j=0; j<tbrows.length ; j++)
    {
    var crowsid = tbrows[j].getAttribute('id');
    alert(crowsid);//当你加载完后可以查看行的ID值，就是刚才设置的，这样你就能看到哪些已设置了
    }*/
    }
    </script>
    </HEAD><BODY onload="appendTb();">
    </BODY>
    </HTML>
      

  3.   

    你是要判断行存在还是要判断内容存在
    如果是判断行的话直接在每个行里面加入一个ID插入的时候看它的ID是否存在
    如果要判断里面的内容的话
    var  newChild=document.getElementsByTagName("table").children;
    for(var i=0;i<newChild.length;i++){
    var _name=newChild[i].children[0].value;//姓名
    var _sex=newChild[i].children[1].value;//性别
    if(_name="张三"){
    alert("存在");
    }
    }
      

  4.   

    谢谢leohuang(LEO)和lantersen(蓝水仁--授人以鱼不如授人以渔~) 等朋友的帮助!
    以上方式,都可以。不过我在看其他贴子中看到 InsertBefore的用法，不知道用InsertBefore来实现要怎样写呢？另外，在判定记录是否存在的问题上，只有通过循环判定么？
      

  5.   

    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD><BODY>
    <SCRIPT>
    function insertElement()
    {
    //var nod=document.createElement("LI");
    oLIRed.insertAdjacentHTML("beforeBegin", "<Li >dfaadfa</LI>");
    }
    function insertElement1()
    {
    //var nod=document.createElement("LI");
    oLIRed.insertAdjacentHTML("afterEnd", "<Li >321dfaadfa</LI>");
    }
    </SCRIPT>
    </HEAD>
    <BODY>
    <SPAN onclick=insertElement()>Click 在oUL1之前添加</SPAN><br><SPAN onclick=insertElement1()>Click 在oUL1之后添加</SPAN>
    <UL id="oUL1">
    <LI id="oLIRed">Red</LI>
    <LI id="oLIYellow">Yellow</LI>
    <LI id="oLIBlue">Blue</LI>
    </UL></BODY>
    </HTML>
      

  6.   

    <SCRIPT>
    function insertElement()
    {
    var nod=document.createElement("LI");
    oUL1.insertBefore(nod, oLIYellow);
    nod.innerText="Orange";
    }
    </SCRIPT>
    </HEAD>
    <BODY>
    <SPAN onclick=insertElement()>Click <B>HERE</B> to add an item to the following list.</SPAN>
    <UL id="oUL1">
    <LI id="oLIRed">Red</LI>
    <LI id="oLIYellow">Yellow</LI>
    <LI id="oLIBlue">Blue</LI>
    </UL>