js简单实现添加、删除记录

DOM增删改的方法:

appendChild() 把新的节点添加到指定的节点。

向一个父节点中添加一个新的子节点

用法 :父节点.appendChild(子节点);

removeChild() 删除子节点

   语法:父节点.removChild(子节点)

replaceChild() 替换子节点

   使用指定的子节点替换已有的节点

     语法:父节点.replaceChilld(新节点,子节点)

insertBefore() 将指定的子节点前面插入新的子节点

   在指定的子节点前插入新节点

语法:父节点.insertBefore(新节点,子节点)

createElement() 创建元素节点

     可以创建一个元素节点对象,他需要一个标签名作为参数,将会根据该标签名创建一个节点对象,并将节点对象作为参数返回

  语法:var li = document.createElement("li");

createTextNode() 创建文本节点

需要一个文本内容作为参数,将会根据该内容创建文本节点,并将新的节点返回

例子:进行删除、添加信息,代码如下





    
    
    
    Document
    



    
Name Emial Salary  
Tom [email protected] 5000 Delete
Jerry [email protected] 8000 Delete
Bob [email protected] 10000 Delete

添加新员工

name:
emial:
salary:

添加节点简写





    
    
    
    Document
    



    
Name Emial Salary  
Tom [email protected] 5000 Delete
Jerry [email protected] 8000 Delete
Bob [email protected] 10000 Delete

添加新员工

name:
emial:
salary:

 

结果:

js简单实现添加、删除记录_第1张图片

js简单实现添加、删除记录_第2张图片

js简单实现添加、删除记录_第3张图片

你可能感兴趣的:(Html+css+js项目,javascript,开发语言,html5)