美文网首页
DOM创建节点

DOM创建节点

作者: 小飞侠zzr | 来源:发表于2017-10-27 08:28 被阅读0次

js常见的创建dom节点的方法有

createElement() 创建一个元素节点 => 接收参数为string类型的nodename
createTextNode() 创建一个文本节点 => 接收参数为string类型的text内容
createAttribute() 创建一个属性节点 => 接收参数为string类型的属性名称
createComment() 创建一个注释节点 => 接收参数为string类型的注释文本
createDocumentFragment()方法,则是用了创建一个虚拟的节点对象,或者说,是用来创建文档碎片节点。它可以包含各种类型的节点,在创建之初是空的。

DocumentFragment节点不属于文档树,继承的parentNode属性总是null。它有一个很实用的特点,当请求把一个DocumentFragment节点插入文档树时,插入的不是DocumentFragment自身,而是它的所有子孙节点。这个特性使得DocumentFragment成了占位符,暂时存放那些一次插入文档的节点。它还有利于实现文档的剪切、复制和粘贴操作。
另外,当需要添加多个dom元素时,如果先将这些元素添加到DocumentFragment中,再统一将DocumentFragment添加到页面,会减少页面渲染dom的次数,效率会明显提升。

还有一个很重要的特性是,如果使用appendChid方法将原dom树中的节点添加到DocumentFragment中时,会删除原来的节点。

相关文章

  • jQuery-dom操作

    DOM节点的创建 jQuery节点创建与属性的处理 创建元素节点: 创建为属性节点: DOM节点的插入 DOM内部...

  • jQuery(DOM篇)

    二、DOM篇 1. DOM创建节点及节点属性 (1) 创建元素节点:$(" ")(2) 创建为本节点:$(" 我...

  • JQuery - Dom

    Ⅰ、DOM节点的创建 1. JQuery 创建节点 Ⅱ、DOM节点的插入 1. DOM内部插入append()与a...

  • jS|DOM操作

    DOM节点的获取 DOM节点的创建 DOM节点删除 修改DOM元素 将指定两个DOM元素交换位置

  • JavaScript dom节点的增、删、改、查

    1. 创建 dom 节点 通过标签名称创建 dom 元素节点 document.createElement("ta...

  • js操作DOM

    创建dom 删除一个dom 文档碎片增快速度 dom节点 父节点 子节点 offsetParent 继续子节点 兄...

  • jQuery的DOM操作

    一、创建节点 以HTML创建新元素 以jQuery创建新元素 以DOM创建新元素 二、插入节点 通过js的DOM操...

  • DOM创建节点

    js常见的创建dom节点的方法有 createElement() 创建一个元素节点 => 接收参数为string类...

  • JS常见题型

    怎么添加,移除,复制,创建,查找节点 创建节点:createDocumentFragment() 创建一个DOM片...

  • jQuery基础——DOM篇

    第1章 简介 第2章 DOM节点的创建 2-1 DOM创建节点及节点属性 通过JavaScript可以很方便的获...

网友评论

      本文标题:DOM创建节点

      本文链接:https://www.haomeiwen.com/subject/fptrpxtx.html