• 技术文章 >web前端 >js教程

    通过js动态操作table(新增,删除相关列信息)_javascript技巧

    2016-05-16 17:53:22原创352
    1、取得table对象
    var objTable=document.getElementById( "tb_visitor" );
    2、新增一行
    var objTempRow = objTable.rows[0]; //取得模板行
    var objNewRow = objTable.insertRow( objTable.rows.length );
    objNewRow.id = objTable.rows.length-1;
    //添加一行的相关信息
    for ( var i=0 ; i{
    var objNewCell = objNewRow.insertCell( i );
    objNewCell.innerHTML = objTempRow.cells[i].innerHTML;
    //
    if(objNewCell.innerHTML.indexOf("value=")!=-1){
    var si=objNewCell.innerHTML.indexOf("value=")*1+6;
    var ei=objNewCell.innerHTML.indexOf(">");
    var cellvalue=objNewCell.innerHTML.substring(si,ei);
    //将新列内容清空且变为可用状态
    objNewCell.innerHTML=objNewCell.innerHTML.replace(cellvalue,'').replace('disabled','');
    }
    }
    //添加行的click事件
    objNewRow.onclick = new Function("fn_clickrow(this);");
    3、删除一行
    objTable.deleteRow(objrow.index);
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:table
    上一篇:Javascript处理DOM元素事件实现代码_javascript技巧 下一篇:Javascript 面向对象(二)封装代码_js面向对象
    Web大前端开发直播班

    相关文章推荐

    • Angular如何对请求进行拦截封装?• 怎么获取Node性能监控指标?获取方法分享• ie8是否支持es6• 深入了解JavaScript中的DOM与BOM• 浅析Angular中怎么用 Api 代理

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网