点击+按妞就+一行html里的元素，点-按妞就减少一行，如何实现，请大家帮忙！

Question

http://community.csdn.net/Expert/topic/4336/4336412.xml?temp=.6039545

Answer 1

<style type="text/css">
<!--
.border {
border-bottom-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
}
-->
</style><form name="cardlog" method="post" action="CardLog.asp?act=save">
<table width="700" border="0" align="center">
  <tr>
    <th height="23" colspan="2">卡件机构</th>
    <th>出卡人</th>
    <th>卡号</th>
    <th>密码</th>
    <th>金额</th>
  </tr>
  <tr align="center">
    <td width="30"><b>
     <a onClick="add(this);">+</a></b> <b>
     <a onClick="remove(this);">-</a></b>
    </td>
    <td width="143"><select name="select" class="border">
      <option value="">选择学习卡机构</option>
      <option value="04004">新东方卡</option>
      <option value="04011">首信中财</option>
      <option value="04021">会计网校</option>
      <option value="04019">文都网校</option>
      <option value="04029">考研网校</option>
      <option value="36033">自考365</option>
      <option value="04015">法律教育网</option>
      <option value="36035">北京法意网</option>
    </select></td>
    <td width="120"><select name="select" class="border">
      <option value="12">12</option>
      <option value="12">12</option>
      <option value="111">11</option>
      <option value="11112">22</option>
      <option value="44">44</option>
      <option value="55">55</option>
    </select></td>
    <td width="193"><input type="text" name="NoCard" class="border"></td>
  <td width="100"><input type="text" name="pwd" size="10" class="border"></td>
    <td width="88"><input type="text" name="price" size="10" class="border"></td>
  </tr>
  <tr align="right">
    <td colspan="6"><input type="submit" name="Submit" value=" 提交该定单出卡信息 "></td>
  </tr>
  <tr align="right">
    <td colspan="6">&nbsp;</td>
  </tr>
</table>
</form>
<script>
function add(obj)
{
var trNode = obj.parentNode.parentNode.parentNode;
var copynode = trNode.cloneNode(true);
trNode.parentNode.insertBefore(copynode,trNode);
}
function remove(obj)
{
var trNode = obj.parentNode.parentNode.parentNode;
trNode.parentNode.removeChild(trNode);
}
</script>