怎样防止重复添加，请各位帮忙。

可以用var trs=document.getElementsByTagName("tr");然后遍历最后得到td内的值,和你取到是name值比较,相同就不做了

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    <HTML> 
    <HEAD> 
      <TITLE> New Document </TITLE> 
      <META NAME="Generator" CONTENT="EditPlus"> 
      <META NAME="Author" CONTENT=""> 
      <META NAME="Keywords" CONTENT=""> 
      <META NAME="Description" CONTENT=""> 
    <SCRIPT LANGUAGE="JavaScript"> 
    function addDes() 
    { 
    var oTb = document.getElementById('tbl');var name=document.getElementById("xm").value;
    /*
       防止重复
    */
    for(var i=0;i<oTb.rows.length;i++){
    if(name == oTb.rows[i].id ){
    alert('不能重复！');
    return false;
    }
    }
    var row = document.createElement("tr"); 
    row.setAttribute("id",name); 
    var cell = document.createElement("td"); 
    cell.appendChild(document.createTextNode(name)); 
    row.appendChild(cell); var deletebtn = document.createElement("input"); 
    deletebtn.setAttribute("type","button"); 
    deletebtn.setAttribute("value","删除"); 
    deletebtn.onclick=function(){deleteName(name);}; 
    cell = document.createElement("td"); 
    cell.appendChild(deletebtn); 
    row.appendChild(cell); document.getElementById("des").appendChild(row); 
    document.getElementById("xm").value=""; 
    } 
    function deleteName(name) 
    { 
    if(name!=null) 
    { 
    alert(name)
    var row = document.getElementById(name); 
    document.getElementById("des").removeChild(row); 
    } 
    } 
    </SCRIPT> 
    </HEAD> <BODY> 
    <INPUT TYPE="text" id="xm"> 
    <INPUT TYPE="button" NAME="" value="add" onclick=addDes()> 
    <TABLE id='tbl'> 
    <TR> 
    <TD> </td> 
    <TD> </td> 
    </tr> 
    <tbody id="des"> </tbody> 
    </TABLE> </BODY> 
    </HTML>