Javascript-节点的增删改查

一、创建节点

  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——彻底删除
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本章内容 理解包含不同层次节点的 DOM 使用不同的节点类型 克服浏览器兼容性问题及各种陷阱 DOM 是针对 HT...
    闷油瓶小张阅读 3,947评论 0 1
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 7,736评论 0 8
  • 1. 什么是DOM DOM 全称是 Document Object Model,也就是文档对象模型。 DOM 就是...
    小胖子littlefatboy阅读 7,015评论 1 9
  • Element 类型 除了 Document 类型之外,Element 类型就要算是 Web 编程中最常用的类型了...
    劼哥stone阅读 3,836评论 0 3
  • 一瞬间的写法 写不出工工整整 朝夕 的凝思 却如脚下的一样低贱
    留意ly阅读 1,293评论 0 0