`
zhangyaochun
  • 浏览: 2620851 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

DOM cloneNode()

cloneNodedom 
阅读更多

DOM cloneNode()

 

       ------- 可创建指定的节点的精确拷贝。返回所复制的节点。

 

 

/*
@param include_all  --必需。值为true的时候，被克隆的节点会克隆原节点的所有子节点
*/
nodeObj.cloneNode(include_all);

 

注意：

 

 

  • 当复制的是Element节点，它的所有属性会被复制，但是节点上注册的事件不会被复制

 

 

  扩展阅读：

 

   http://www.w3cschool.cn/met_node_clonenode.html

 

分享到：
| prototype的解读之String的几个检索api
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript dom操作之cloneNode文本节点克隆使用技巧

    在JavaScript中，DOM（文档对象模型）操作是实现网页动态交互的基础，而`cloneNode`方法是DOM操作中用于克隆节点的一个重要函数。了解`cloneNode`以及它在克隆文本节点时的使用技巧，对于进行DOM操作的前端开发者来...

    DOM节点深度克隆函数cloneNode()用法实例

    本文实例讲述了DOM节点深度克隆函数cloneNode()用法。分享给大家供大家参考。 具体实现方法如下： 代码如下:<html> <head> [removed] function t(){  var nodeul = document.getElementsByTagName(...

    javascript 拷贝节点cloneNode()使用介绍.docx

    在JavaScript中，`cloneNode()`方法是DOM（Document Object Model）操作中的一个重要功能，主要用于复制（克隆）DOM树中的节点及其属性。这对于创建复杂的用户界面或者动态调整页面内容时非常有用。 #### 一、...

    html dom 底层 javascript

    - **Methods**：如`appendChild()`, `replaceChild()`, `removeChild()`, `cloneNode()`等，用于操作DOM树结构。 - **Event Handlers**：如`onclick`, `onmouseover`, `onmouseout`等，用于响应用户交互。 #### DOM...

    JavaScript DOM编程艺术 附录.pdf

    `cloneNode()`方法用于复制DOM树中的节点，其参数是一个布尔值，决定了是否深拷贝节点及其子节点。当参数为`true`时，会连同子节点一起复制；为`false`时，仅复制节点自身而不包括其子节点： ```javascript var ...

    教你javascript克隆dom结点,浅复制结点,深复制结点

    DOM节点克隆是通过调用`cloneNode()`方法实现的。这个方法接受一个布尔参数，如果为`true`，则执行深复制；如果为`false`或不传参，则执行浅复制。 1. 浅复制（Shallow Copy） 浅复制仅复制节点本身及其属性，但不...

    xmldom

    - `cloneNode()`：复制节点及其子节点。 5. **XML串转换** - `xml` 和 `outerHTML` 属性：将XMLDocument对象转换为字符串。 - `save()` 方法：保存XML文档到文件。 6. **错误处理** - `error` 属性：当发生...

    javascript DOM高级程序设计源码

    9. **DOM2级和DOM3级接口**：学习高级的DOM操作，如`createDocumentFragment`、`cloneNode`、`compareDocumentPosition`等。 10. **HTML5新特性**：如果源码包含HTML5的相关示例，可能会涵盖`localStorage`、`...

    XMLDOM对象方法中文手册chm

    - `cloneNode`：复制节点及其所有子节点。 - `normalize`：合并相邻的文本节点。 6. **DOM加载与保存** - `load`方法：加载XML文档到DOM树。 - `save`方法：将DOM树保存为XML文件。 7. **JavaScript与XML DOM...

    dom培训资料，教程

    5. `cloneNode(deep)`：创建一个节点的副本，如果`deep`为true，连同所有子节点一起复制；如果是元素节点，还会复制属性。返回新的节点。 访问和操作DOM的其他常见方法包括： - `getElementById(id)`：根据ID查找...

    JavaScript DOM编程艺术 附录

    ### JavaScript DOM编程艺术知识点概述 #### 一、DOM方法和属性简介 《JavaScript DOM编程艺术》这本书对于初学者来说非常友好，它不仅介绍了DOM的基本概念，还深入讲解了DOM的操作方法，包括创建、复制、插入、...

    JavaScriptDOM编程艺术.pdf

    - **cloneNode()**：复制一个节点及其所有后代。 - **getElementById()**：根据ID获取单个元素节点。 - **getElementsByTagName()**：根据标签名获取一组元素节点。 - **querySelector()** 和 **querySelectorAll()*...

    DOM对象的深入学习

    - 方法：`appendChild()`、`cloneNode()`、`hasChildNodes()`、`insertBefore()`、`removeChild()`和`replaceChild()`，用于操作节点的添加、复制、检查子节点、插入、删除和替换。 5. **其他对象**： - `...

    javascript 操作DOM

    - **复制和移动节点**：`cloneNode`用于复制节点，`appendChild`或`insertBefore`可以实现节点的移动。 此外，DOM还提供了事件处理机制，通过`addEventListener`和`removeEventListener`方法，可以添加和移除事件...

    JS DOM操作备忘

    - `cloneNode()`：复制节点及其所有子节点。 - `querySelectorAll()`结合`forEach()`可以实现高效的遍历和操作元素集合。 7. **性能优化** - 使用`document.querySelector()`和`document.querySelectorAll()`而...

    HTML DOM 常用的属性和方法

    - `cloneNode(deep)`：复制当前节点，可选择是否连同子节点一起复制。 - `hasChildNodes()`：检查当前节点是否有子节点。 - `insertBefore(newNode, refNode)`：在指定子节点之前插入新的节点。 - `removeChild(node...

    动态操作dom

    动态操作dom方法文/1、document.createElement() 动态创建一个元素标签 //2、appendChild:把创建的标签添加到容器的末尾 // 容器.appendChild(newEle) //3、insertBefore:把创建的标签增加到容器中某一个标签的...

    DOM编程详解(含HTML部分)

    同时，节点还具备一系列方法，如`appendChild()`用于添加子节点，`cloneNode()`用于复制节点，`insertBefore()`插入节点到指定位置，以及`removeChild()`移除子节点。 通过这些属性和方法，开发者可以实现诸如查找...

Magicbox
Global site tag (gtag.js) - Google Analytics