一个删除按钮如何删除两个不同表格的行

1.现有一个表格tb1,tb1共3行1列，每行中是一个链接。
2.点击tb1中的某个链接后，在另一表格tb2中会有相应的文字介绍（tb2是2行1列的表，第1行显示相应文字介绍，第2行是一个删    除按钮）。
3.点击删除按钮后，能够删除tb2中的文字介绍以及tb1中的链接。
请问该如何实现这个功能？谢谢！       
       
       
       
       
       
       
       


解决方案 »

  1.   

    用document.getElementsByName("")
    或document.getElementById( id )
    把tb2获取到，再把要删除文字的td取到，设置它的innerHTML
      

  2.   

    是不是这样？<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>test</title>
    <script language="javascript" type="text/javascript">
    function showTxt(){
    document.getElementById("txt01").innerHTML="Link text 1234567890...."
    }
    function clearX(id1,id2){
    document.getElementById("link01").innerHTML="&nbsp;";
    document.getElementById("txt01").innerHTML="&nbsp;";
    }
    </script>
    </head>
    <body>
    <table width="100%"  border="1">
      <tr>
        <td id="link01"><a href="#:;" onClick="javascript:showTxt();">xLink</a></td>
      </tr>
    </table>
    <table width="100%"  border="1">
      <tr>
        <td id="txt01">TEXT.........</td>
      </tr>
      <tr>
        <td><input type="button" name="Submit" value="clear" onClick="javascript:clearX('link01','txt01');"></td>
      </tr>
    </table>
    </body>
    </html>
      

  3.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>test</title>
    <script type="text/javascript">
    function show(num){
    alert("ok");
    if(num==1)
    {document.getElementById("txt01").innerText=" you  want to show";}
    else if (num==2)                                           
    {document.getElementById("txt01").innerText=" you";}   
    else 
    document.getElementById("txt01").innerText=" you  want to show";document.getElementById("btnsub").setAttribute("num",num);
    }
    function clearX(){
    var num=document.getElementById("btnsub").num;
    alert(num)
    document.getElementById("txt01").innerText="   ";
    document.getElementById("link0"+num).innerHTML="    ";
    }
    </script>
    </head>
    <body>
    <table   border="1">
      <tr >
        <td  style="width:100px; height:10px" id="link01"><a href="#" onclick="show(1);">xLink1</a></td>
      </tr>
        <tr>
        <td id="link02"><a href="#" onclick="show(2);">xLink2</a></td>
      </tr>
        <tr>
        <td id="link03"><a href="#" onclick="show(3);">xLink3</a></td>
      </tr>
    </table>
    <table border="1">
      <tr>
        <td  width="100px"  id="txt01">content</td>
      </tr>
      <tr>
        <td><input type="button" id="btnsub" value="clear" onclick="clearX();"></td>
      </tr>
    </table>
    </body>
    </html>