JS-节点的深浅度复制

cloneNode()方法可以复制一个节点，该方法能够给节点创建一个副本。
   var ele = node.cloneNode(deep);
       deep是一个逻辑值：
           参数值为true时，复制的节点将包含多有子节点内容；
           参数值为false时，赋值的节点仅包含指定对象本身，不包含任何子节点。

<body><button>复制</button><button>深度复制</button><button>删除节点</button><hr><select class="choices"><option value="">请选择数字</option><option value="">1</option><option value="">2</option><option value="">3</option><option value="">4</option><option value="">5</option></select><script>var choices = document.querySelector('.choices')var btn = document.querySelectorAll('button')var options = document.querySelectorAll('option')var body = document.bodybtn[0].onclick = function(){// choices.children[0].cloneNode(false) 浅度复制select里的节点  // choices.appendChild 复制完后再放进父节点selectchoices.appendChild(choices.children[0].cloneNode(false))console.log(body);}btn[1].onclick = function(){// choices.children[0].cloneNode(false) 深度复制select里的节点  // choices.appendChild 复制完后再放进父节点selectchoices.appendChild(choices.children[5].cloneNode(true))console.log(body);}// 删除指定节点btn[2].onclick = function(){choices.removeChild(choices.children[4])}</script></body>

JS-节点的深浅度复制相关推荐

js 节点相关内容介绍创建、删除、复制节点
目录 1.节点介绍 2.案例-下拉菜单 3.兄弟节点 4.创建节点 5.案例-简单发布留言 6.删除节点 7.复制节点(克隆节点) 1.节点介绍 1.为什么要学习节点可以利用父子兄节点关系获取元素 ...
JS节点操作（2）- 创建节点，添加节点，删除节点，复制节点
节点操作 1. 创建节点 document.createElement() 2. 添加节点 2.1 node.appendChild(child) 添加到子元素数组的末尾 <body>&l ...
JS节点（node）
什么是节点: 页面中所有的东西都是节点,所有的节点都是对象节点名 nodeType nodeName nodeValue 元素节点 1 大写的标签名 null 文本节点 3 '#text' 文本的内 ...
Clipboard.js实现点击自动复制内容的功能
Clipboard.js实现点击自动复制内容的功能点击非文本框,自动复制,代码如下 value:<spanid="bar"class="btn"data ...
html5图片剪切板,原生js实现基于base64数据复制图片到剪切板，可以粘贴出图片，模拟浏览器复制功能。...
原生js实现基于base64数据复制图片到剪切板,可以粘贴出图片,模拟浏览器复制功能.前言: 初次发帖排版略丑,见谅.之前我们这边有个需求就是说,前端通过canvas截图然后, 点击一个按钮实现复制截 ...
因为计算机+qtcf.dll,nuke入门：节点的插入、复制、克隆、组织和视图面板
节点的插入.复制.克隆.组织 1.节点的插入:选择要插入节点位置的上游节点,然后建立新的节点,即完成插入节点的工作. 2.节点复制与粘贴:选中要复制的节点,Ctrl+C,然后,Ctrl+V粘贴. 3. ...
js节点都有哪些类型？怎么判断是哪种节点类型？
说起节点,就要说HTML DOM树,因为HTML页面每一部分都是由节点(12种类型)组成的,常用的有文本,元素,属性节点. 节点都有以下类型: 元素节点 Node.ELEMENT_NODE(1) 属性 ...
JavaScript（js)节点--父节点、子节点、兄弟节点
JavaScript(js)节点–父节点子节点一般节点至少拥有nodeType(结点类型),nodeName(节点名称)和nodeValue(节点值)这三个基本属性. 元素节点 nodeType为1 ...
JS节点操作小结(创建节点,添加节点,获取节点,删除节点,复制节点)
一,创建节点 document.createElement('li'),//创建一个节点二,添加节点 insertBefore(要添加的节点, 添加在哪个节点之前) 在指定节点前面添加三,获取节点 ...

JS-节点的深浅度复制

JS-节点的深浅度复制相关推荐

最新文章

热门文章