简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home> Web Front-end> JS Tutorial> body text

javascript 拷贝节点cloneNode()使用介绍_javascript技巧

WBOY
Release： 2016-05-16 16:53:27
Original
1619 people have browsed it

cloneNode(a)方法接受一个布尔值参数,表示是否深拷贝
true:表示执行深拷贝,复制本节点以及整个子节点树.
false:浅拷贝.只复制节点本身.
复制后返回的节点副本属于文档所有,但是并没有父节点.除非使用appendChild,insertChild(),replaceChild()将它添加到文档

复制代码代码如下:


1
2
3

var oDiv = document.getElementById("guoDiv");
var deepList = oDiv.cloneNode(true); //拷贝子节点
alert(deepList.childNodes.length); //3或7(兼容性问题,所以结果不一样)
var showList = oDiv.cloneNode(false); //只拷贝当前元素的引用
alert(showList.childNodes.length); //0
Related labels：
拷贝节点 cloneNode()
source：php.cn
Previous article：js实现的复制兼容chrome和IE_javascript技巧 Next article：JS实现局部选择打印和局部不选择打印_javascript技巧
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Vite-proxy node v17+ encounters ECONNREFUSED error I'm using Nodev18.12.1 and vitev3.0.4. Below is my proxy code to connect to Node.jsRESTAPI...
From 2023-11-07 20:00:40
0
1
262
vite cannot load configuration from vite.config.js, I created a new vue application (according to vue documentation) by doing these operations...
From 2023-10-26 15:36:15
0
2
248
Please apply the appropriate transformation first to resolve vite Internal Server Error: Missing code generation node for element /if/for node So yesterday I was working on a project and as I was getting ready to quit because I was d...
From 2023-10-26 14:52:04
0
2
211
Rejections are not propagated in chained promises I can't understand why the rejection isn't passed through the promise chain and I'm hoping...
From 2023-10-23 17:50:47
0
2
257
Ways to resolve "Error: error:0308010C:digital envelope routines::unsupported" error in Nodejs 18 I need help with my NuxtJS application. Recently, I got an ESLint conflict in the applicat...
From 2023-10-18 15:53:45
0
2
220
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！