• dom的增删改、练习从左到右和从右到左、动态添加和删除行记录


    dom的增删改

    内部插入:

    1.appendTo()        如a.appendTo(b)         把a插入到b字元素的末尾,从而成为最后一个元素

    2.prependTo()       如a.prependTo(b)        把a插入到b所有元素前面,成为第一个子元素

    外部插入:

    1.  insertAfter ():        如a.insertAfter(b)           得到ba

    2.insertBefore()         如a.insertBefore(b)        得到ab

    替换:

    1.replaceWith()        如a.replaceWith(b)        用b替换第一个a

    2.replaceAll()           如a.replaceAll(b)           用b替换所有的a

    删除:

    1.remove()        如a.remove();        删除a标签

    2.empty()          如a.empty();         情况a标签里的内容

    使用方法:

    appendTo():

     

     prependTo():

     

     insertAfter ():

     

     insertBefore():

    replaceWith() :

     

     replaceAll():

     

     remove():

    empty():

     

     练习从左到右和从右到左

    
    
    
    
    Insert title here
       
       
       
    
    
    
       

    动态添加和删除行记录

    相关代码:

    
    
    
    
    Untitled Document
    
    
    
    
    
    
       
    Name Email Salary  
    Tom tom@tom.com 5000 Delete
    Jerry jerry@sohu.com 8000 Delete
    Bob bob@tom.com 10000 Delete

    添加新员工

    name:
    email:
    salary:
    结果如下所示:

  • 相关阅读:
    设计模式:模板模式和策略模式混合使用
    docker安装 akshare
    线程池的简单理解
    输出与输出
    聊一聊模板方法模式
    JavaScript相关概念
    VL1_四选一多路器(完整RTL、Testbench和覆盖率)
    服务发现原理分析与源码解读
    layui form 中input输入框长度的统一设置
    AndroidStudio003--Button组件的使用,监听及事件处理
  • 原文地址:https://blog.csdn.net/weixin_46065214/article/details/126479897