zoukankan      html  css  js  c++  java
  • 创建新的节点并添加到现有的节点树上

    创建一个新的元素节点:

    var node = document.createElement( '标签名' ) ;  //此时此元素只存在于内存中

    创建一个新的文本节点

    var txt = document.createTextNode( '文本内容' ) ;

    创建一个文档片段对象:

    var fragment = document.createDocumentFragment( );

    文档片段对象:它本身不对应任何HTML标签,作用类似于一块透明胶布(本质就是内存中的一块空间),可以容纳其他的节点对象,把需要添加到DOM树上的所有节点先暂时添加到一个文档片段中,最后把这个文档片段一次性的添加到DOM树上,只需要浏览器重新绘制整个页面一次即可,从而防止多次绘制页面造成的“频闪”问题。

     可以使用下述方法把刚创建的节点插入到指定的位置:

        parentNode.appendChild( child );        //把child追加为parentNode的最后一个子节点

        parentNode.insertBefore( newChild,  existingChild );   //在父节点中当前的existingChild之前添加一个新子节点newChild

  • 相关阅读:
    Linux RAID部署
    系统运维架构师体系
    Linux系统上文件的特殊权限及文件acl
    Linux磁盘使用及文件系统管理
    中小规模网站架构组成
    优化配置模板主机
    网络原理基础
    MySQL二进制安装
    网络通讯基础
    点击改变背景
  • 原文地址:https://www.cnblogs.com/lengkafei/p/5605009.html
Copyright © 2011-2022 走看看