Javascript-节点的增删改查

2023年4月9日 164次阅读 来源: luichooy

一、创建节点

  1. 创建元素节点

     document.createElement("元素标签名");

  2. 创建属性节点

       document.createAttribute("属性名");//该方法一般不用        对象.属性="属性值";        
   对象.setAttribute(属性名,属性值);        
   对象.getAttribute(属性名);

  3. 创建文本节点
    document.ceateTextNode(“文本”);
    对象.innnerHTML=””;

example:

     var elea=document.createElement("a");  
     elea.href="www.baidu.com";                                                                                    
    elea.title="简书首页";       
     elea.innerHTML="欢迎来到简书";

二、插入节点

     父对象.appendChild(要插入的对象)——插入到最后       
     父对象.insertBefore(要插入的对象a,之前的对象b)——在对象b之前插入对象a

example:

    document.body.appendChild("elea");

三、修改节点

     父对象.replaceChild(修改的对象,被修改的对象);

四、删除节点

      父对象.removeChild(要删除的对象); //被删除对象只是在html页面中消失，但仍存在于内存中。        
      elea=null——彻底删除
    原文作者：luichooy
    原文地址: https://www.jianshu.com/p/d4335288eb24
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞