zoukankan      html  css  js  c++  java
  • js 动态增加/删除表格行

    <table id="friend_comment-table" width="80%" >
    <tr>
    <td class="label">网友点评:</td>
    <td>
    <a href="#" onclick="addLadder(this,'friend_comment-table')"><strong>[+]</strong></a>

    <table>
    <tr>
    <td>
    <textarea name="friend_desc[]" cols="85" rows="6">tre</textarea>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>

    <script language="JavaScript">
    <!--

    var Browser = new Object();

    Browser.isMozilla = (typeof document.implementation != 'undefined') && (typeof document.implementation.createDocument != 'undefined') && (typeof HTMLDocument != 'undefined');
    Browser.isIE = window.ActiveXObject ? true : false;
    Browser.isFirefox = (navigator.userAgent.toLowerCase().indexOf("firefox") != - 1);
    Browser.isSafari = (navigator.userAgent.toLowerCase().indexOf("safari") != - 1);
    Browser.isOpera = (navigator.userAgent.toLowerCase().indexOf("opera") != - 1);

    /**
    * 新增一个价格阶梯
    */
    function addLadder(obj,table_obj, amount, price)
    {

    var src = obj.parentNode.parentNode;

    var idx = rowindex(src);
    var tbl = document.getElementById(table_obj);
    var row = tbl.insertRow(idx + 1);
    var cell = row.insertCell(-1);
    cell.innerHTML = '';
    var cell = row.insertCell(-1);
    cell.innerHTML = src.cells[1].innerHTML.replace(/(.*)(addLadder)(.*)(\[)(\+)/i, "$1removeLadder$3$4-");;
    }

    /**
    * 删除一个价格阶梯
    */
    function removeLadder(obj,table_obj){

    var row = rowindex(obj.parentNode.parentNode);
    var tbl = document.getElementById(table_obj);

    tbl.deleteRow(row);
    }

    function rowindex(tr){
      if (Browser.isIE){
        return tr.rowIndex; //针对IE
      }else{
        table = tr.parentNode.parentNode;
        for (i = 0; i < table.rows.length; i ++ ){
          if (table.rows[i] == tr){
            return i;
          }
        }
      }
    }
    //-->

    </script>

  • 相关阅读:
    poj1014 Dividing (多重背包)
    HDOJ 1316 How Many Fibs?
    最大字串和
    WHY IE AGAIN?
    Codeforces Round #143 (Div. 2) (ABCD 思维场)
    自用组帧工具
    菜鸟学EJB(二)——在同一个SessionBean中使用@Remote和@Local
    shell 块注释
    检测到在集成的托管管道模式下不适用的 ASP.NET 设置的解决方法
    Windows Myeclipse 10 安装 Perl 插件
  • 原文地址:https://www.cnblogs.com/taek/p/2345471.html
Copyright © 2011-2022 走看看