2022-05-28克隆节点cloneNode

原创 已于 2022-09-19 19:25:34 修改 · 716 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

于 2022-05-28 09:28:44 首次发布
本文介绍如何使用cloneNode方法复制DOM节点。此方法接受一个布尔值参数：若为false，则仅复制节点本身；若为true，则复制节点及其所有子节点。

格式

var newNode=oldNode.cloneNode(bool);

当bool值为false（不写默认false）时，仅仅克隆当前节点给新节点
当bool值为true时，将指定节点oldNode及其所有子节点克隆给新节点
cloneNode示例

学习cocos2.x自用笔记 预设体的使用及脚本补充篇
kqrn999的博客
05-05 1375
本文主要解决cocos creator 2.x版本中的预设体的使用和相应脚本的扫盲，同时补充了关于创建新节点和添加组件的脚本
CocosCreator3.8研究笔记（八）CocosCreator 节点和组件的使用
w风雨无阻w的专栏
09-05 5276
在user.ts 中使用 utils.ts ，访问 utils.utilsNode \utils.utilsNode bi。脚本中动态修改，能实现各种各样的游戏逻辑，例如响应玩家输入，删除、修改、销毁节点或组件。有时场景里面的组件比较多，需要有一个脚本来统一管理，如上的main.ts 的作用。这样操作后， Body 属性就会被设置成功，我们可以在脚本里访问 Body。还可以通过传入类名来获取，对于自定义的组件，类名就是脚本的文件名，并且。不过想要实现这些游戏逻辑，需要在脚本中访问这些组件或节点。
Creator克隆已有节点
LANGZI7758521的专栏
06-11 3077
cc.Class({ extends: cc.Component, properties: { target: { default: null, type: cc.Node, }, }, start: function () { var scene = cc.director....
17 CoCos Creator-Node Tree 层级管理器
苏法迪的专栏
01-13 2822
0. 原文 https://docs.cocos.com/creator/manual/zh/getting-started/basics/editor-panels/node-tree.html 1. Node Tree 层级管理器 层级管理器 中包括当前打开场景中的所有节点，不管节点是否包括可见的图像。你可以在这里选择、创建和删除节点，也可以通过拖拽一个节点到另一个上面来建立节点父子关系。 点...
cocos creator 学习笔记（四）——节点与资源篇
weixin_41529962的博客
05-14 4002
回顾一下，我们在前面学习了脚本文件中不同的回调函数对应的功能。如何访问自身和其它节点与组件，以及常用的节点组件的接口功能。接下来开始第四篇的学习。1、创建新节点start : function ( ) { var node = new cc.Node('Sprite');        //new cc.Node() 方法创建了定义为node的新节点 var sp = node.addCo...
cocos 克隆出来的节点 是不带有动作的
Leibnezz的博客
12-07 1424
踩到了这个坑，记一下，我先克隆节点，发现节点不带有动作。我在给它赋予父节点之前，执行动作代码，发现没有效果。然后 我把动作代码置后，运行ok。虽然不知道原理，但先记下，日后再探究整理。这里只试验了一种sp动画。 ...
JavaScript 用cloneNode方法克隆节点的代码
10-27
// 克隆节点 clonedNode.setAttribute("id", "div-" + i); // 修改一下id值，避免id重复 sourceNode.parentNode.appendChild(clonedNode); // 在父节点插入克隆的节点 } } ``` 在这个例子中，我们克隆了一个带有...
javascript dom操作之cloneNode文本节点克隆使用技巧
10-29
在JavaScript中，DOM（文档对象模型）操作是实现网页动态交互的基础，而`cloneNode`方法是DOM操作中用于克隆节点的一个重要函数。了解`cloneNode`以及它在克隆文本节点时的使用技巧，对于进行DOM操作的前端开发者来...
DOM节点深度克隆函数cloneNode()用法实例
09-03
在处理DOM时，有时我们需要复制节点，这时就可以使用`cloneNode()`函数。 `cloneNode()`函数是DOM节点对象的一个方法，它用于创建当前节点的一个副本。这个副本可以是浅复制或深复制，这取决于传递给`cloneNode()`...
jQuery-1.9.1源码分析系列（十一）DOM操作续之克隆节点
10-23
克隆节点是jQuery提供的众多DOM操作方法中的一个，它允许开发者在不影响原节点的情况下复制节点，这对于动态内容的添加和DOM树的维护尤为重要。 ### 克隆节点的使用场景 在进行DOM操作时，如果我们想要在页面的另一...
cocos项目实现复制功能
cannystar1的专栏
01-08 4334
cocos c++项目实现复制功能 做棋牌的时候，需要频繁添加各种微信号，这时就有了直接复制微信号的需求，下面总结一下。 由于我们项目是在win下用c++写逻辑的，所以要实现复制这种系统功能就要分平台写。最先要处理一下公用接口。 为了方便，我直接写在了cocos的platform下面，这里cocos做了很好的分平台的移植。找到platform下面的接口文件： 在这个文件里面添加跨平台所
cocos-creator调用类以及克隆物体
piyixia的博客
03-29 3236
第一步：导入类 1.这是MyGame类，导入Player类 var mg={}; mg.player=require("Player"); mg.Height=100; module.exports=mg; 第二步：创建对象，在MyScene中 //需要在cc.class之前导入 var MyGame=require("MyGame"); start () { /...
2d-x 拷贝机制
NightWish
06-21 6272
CCObject是绝大部分cocos2d-x类的基类, 我们就从这里一步一步揭开cocos2d-x的奥秘. CCObject承担了两个重要的功能, 拷贝机制和内存管理. 拷贝机制 打开CCObject.h 首先看到的是类CCCopying, 而CCObject是从该类派生. 从这个意义上来讲CCCopying才是大部分类的基类. 但CCCopying其实非常简单, 再加上没有其他类从C
cocos creater 自动化 之 解决 Node.js中流pipe拷贝文件 不完全
丶党玲儿的博客
02-05 284
问题代码： // 创建读取流 let readable = fs.createReadStream( jsbRealPath ); // 创建写入流 let writable = fs.createWriteStream( jsbBuildPath ); // ...
Cocos节点
Samgenius的博客
03-28 1138
节点都是Node对象，节点各自记录了其属性，这些属性会在渲染上体现出来。Scene往往是树根，每个节点的儿子们被方在了Vector_children中，自然也有节点的增删改查（addChild；removeChild；removeChildByTag；removeFromParent；removeChildByName；getChildByTag和ByName。。。） 节点的内容： setLo
CocosCreator 代码组件(创建销毁节点、访问节点和组件) (第四篇)
热门推荐
程序员战胜
02-15 1万+
前言： 在游戏开发中，我么都是通过代码来控制场景中的节点，下面讲解怎么用代码，创建节点、销毁节点、访问节点、访问组件。 一、创建和销毁节点 1. 创建新节点 除了通过场景编辑器创建节点外，我们也可以在脚本中动态创建节点。通过 new cc.Node() 并将它加入到场景中，可以实现整个创建过程。 cc.Class({ extends: cc.Component, properti...
cocos-creator使用记录6_节点的操作
haibo19981的专栏
05-24 910
1.创建新节点cc.Class({  extends: cc.Component,  properties: {    sprite: {      default: null,      type: cc.SpriteFrame,    },  },  start: function () {    var node = new cc.Node('sprite ' + this.count); ...
cocos2dx layout:clone()
qq_27905767的博客
10-09 2500
记录cocos2dx layout使用clone()遇到的坑 在layout类对象调用clone()方法时，得到的新的对象的子节点不包含改layout类对象的Node类子节点。 测试示例中，self.uiNode.PL_Item_Mode是一个layout类的对象,而node是通过self.uiNode.PL_Item_Mode调用clone()得到的一个姓的对象，打印两个对象的子节点类名，结果如下: 通过打印结果看到，通过clone方法得到的新对象少了一个Node类子节点 ...
js克隆cloneNode
05-20
下面是一个使用`cloneNode`方法克隆节点的例子： ```javascript // 获取要克隆的节点 var originalNode = document.getElementById("original"); // 克隆节点 var clonedNode = originalNode.cloneNode(true); //...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端OnTheRun

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值