• DOM方法收集


    创建节点

    createElement():将按照指定的标签名,创建一个新的元素节点。这个方法的返回值是一个指向新建元素的节点的引用
    指针。
    reference=document.createElement(‘element’);
    用此方法创建的元素并没有存在于文档树之中,而是处于一种游离状态,可以使用appendChild();或insertBefore();来将
    其插入文档树。
    createTextNode():创建一个包含指定文本的的新文本节点,这个方法的返回值是一个指向新建文本节点的引用指针。
    reference=document.createTextNode(”text”);

    复制节点

    cloneNode():为给定节点创建一个副本,返回值是一个指向新建克隆节点的引用指针。
    reference=node.cloneNode(boolean);
    //参数为布尔值,决定是否把被复制节点的子节点也一同复制到新建节点里去。如果参数是false,新建节点将不会包
    含任何子节点,如果被复制的节点是一个元素节点,则意味着包含在被复制节点里的所有文本将不会被复制,但属
    性节点将被复制:
    reference=node.cloneNode(true);
    reference=node.cloneNode(false);
    注:用cloneNode()复制出来的节点同样处于文档树之外,要通过appendChild();或insertBefore();将其插入文档树。

    插入节点

    appendChild():将给一个元素追加一个子节点。
    reference=parentNode.appendChild(‘childNode’);
    eg:
    var para=document.createElement(‘p’);
    var text=document.createTextNode(‘paragraph’);
    para.appendChild(text);
    insertBefore():把一个给定节点插入到一个给定元素节点的给定的子节点前面,反复一个指向新增子节点的引用指针。
    reference=element.insertBefore(newNode,targetNode);
    //节点newNode将被插入元素节点element并出现在targetNode前面,节点targetNode必须是element的一个子节点,如果
    targetNode未给出,newNode将会被追加为element元素的最后一个子节点,相当于调用了appendChild()。

    删除节点

    removeChild():将从一个给定元素里删除一个子节点。
    reference=element.removeChild(node);返回值是一个指向已被删除的子节点的引用指针。
    当某个节点被removeChild()方法删除后,这个节点所包含的所有子节点也将被同时删除。

    替换节点

    repalceChild():将把一个给定父元素的子节点替换为另外一个节点。
    reference=element.repalceChild(newChild,oldChild);
    oldChild必须是element的一个子节点。他的返回值是一个指向已被替换的节点的引用指针。如果被插入元素的本事还
    有子节点,则子节点也会被插入。

    设置属性节点

    setAttribute():将为给定元素节点添加一个新的属性值或是改变他现有的属性值:
    element.setAttribute(name,value);
    eg: para.setAttribute(‘id’,'myid’);

    查找节点

    getAttribute():返回一个给定元素的一个给定属性节点的值:
    value=element.getAttribute(‘name’);
    给定属性的名字必须是以字符串的形式传递给这个方法,给定属性的值也会以字符串的形式返回。如果给定的属性
    值不存在,则会返回一个空字符串。
    getElementById():寻找一个有着给定ID属性值的元素:
    element=document.getElementById(‘idvalue’);//如果不存在则会返回null,这个方法只能用于document对象。
    getElementsByTagName():寻找有着给定标签名的所有元素:
    element=document.getElementsByTagName(‘tagNam’);
    返回值是一个节点集合,可以当做数组来处理。
    hasChildNodes:检测一个给定的元素是否有子节点:
    booleanValue=element.hasChildNodes;// 返回值是布尔值

  • 相关阅读:
    使用OpenSSL自建一个HTTPS服务
    工程实践项目中的需求分析建模—问答系统后端
    代码中的软件工程—分析一个命令行菜单小程序
    Git多人项目开发流程演练
    Docker笔记
    Nginx+Gunicorn+Supervisor部署Flask应用
    Python协程之asyncio
    Python类元编程
    搬家到博客园啦
    Spring boot Security 登陆安全配置
  • 原文地址:https://www.cnblogs.com/JavaTechLover/p/2561020.html
Copyright © 2020-2023  润新知