DOM复制节点

一时失言乱红尘 2022-05-12 00:14 208阅读 0赞

**一 介绍**

复制节点可以使用cloneNode()方法来实现。

cloneNode()方法用来复制节点。

obj.cloneNode(deep)

deep：该参数是一个Boolean值，表示是否为深度复制。

深度复制是将当前节点的所有子节点全部复制，当值为true时表示深度复制。

当值为false时表示简单复制，简单复制只复制当前节点，不复制其子节点。

**二 应用**

复制节点，本示例在页面中显示了一个下拉列表框和两个按钮，当单击“复制”按钮时只复制了一个新的下拉列表框，并未复制其选项。

当单击“深度复制”按钮时将会复制一个新的下拉列表框并包含其选项。

**三 代码**

<head> 
    <title>复制节点</title> 
    <script language="javascript"> 
      
    </script> 
    </head> 
    <body> 
    <form> 
     <hr>
     <select name="sexType" id="sexType"> 
     <option value="%">请选择性别</option> 
     <option value="0">男</option> 
     <option value="1">女</option> 
     </select> 
     <hr>
    <div id="di"></div> 
    <input type="button" value="复制" onClick="AddRow(false)"/>
    <input type="button" value="深度复制" onClick="AddRow(true)"/>
    </form> 
    </body>

** **

**四 运行结果**

**![d5a604d6-bc72-3826-81c4-3edc227e517a.png][]  
 **

** **

[d5a604d6-bc72-3826-81c4-3edc227e517a.png]: /images/20220512/31d2abe33bc7472ca13cb5933521ba5c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，208人围观）

还没有评论，来说两句吧...

相关阅读

相关 DOM节点类型

文档的不同组成部分有不同的节点类型，共有12种，具体如下： <table style="border-style:solid; border-color:rgb(170,17

你的名字/ 2022年08月20日 08:29/ 0 赞/ 147 阅读

相关 DOM节点属性

1.getAttribute("属性") 2.setAttribute ("属性"，"属性值") 属性可视为元素节点的子节点 3.c

末蓝、/ 2022年06月14日 05:36/ 0 赞/ 284 阅读

相关 DOM 节点方法

DOM节点方法 1.createElement() 创建元素节点 2.creatTextNode() 创建文本节点

- 日理万妓/ 2022年06月14日 05:36/ 0 赞/ 225 阅读

相关 jQuery操作dom节点

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

野性酷女/ 2022年06月02日 11:55/ 0 赞/ 238 阅读

相关 DOM替换节点

一介绍替换节点可以使用replaceChild()方法来实现。 replaceChild()方法用来将旧的节点替换成新的节点。 obj. replaceChild(n

拼搏现实的明天。/ 2022年05月12日 00:14/ 0 赞/ 214 阅读

相关 DOM复制节点

一介绍复制节点可以使用cloneNode()方法来实现。 cloneNode()方法用来复制节点。 obj.cloneNode(deep) deep：该参数是

一时失言乱红尘/ 2022年05月12日 00:14/ 0 赞/ 209 阅读

相关 DOM删除节点

一介绍删除节点通过使用removeChild()方法来实现。 removeChild()方法用来删除一个子节点。 obj. removeChild(oldChild)

Bertha 。/ 2022年05月12日 00:14/ 0 赞/ 229 阅读

相关 DOM插入节点

一介绍插入节点通过使用insertBefore()方法来实现。 insertBefore()方法将在另一个子节点前插入新的子节点。 obj.insertBefore(

Myth丶恋晨/ 2022年05月12日 00:14/ 0 赞/ 262 阅读

相关 DOM节点属性

原文：[https://blog.csdn.net/yiren\_99/article/details/47843879][https_blog.csdn.net_yiren_

ゝ一纸荒年。/ 2022年02月18日 23:09/ 0 赞/ 299 阅读

相关 JS常见DOM节点操作示例【创建，插入，删除，复制，查找】

`DOM`含义：DOM是文档对象模型(`Document Object Model`，是基于浏览器编程的一套`API`接口，是`W3C`出台的推荐标准。其赋予了`JS`操作节点

川长思鸟来/ 2021年06月26日 16:06/ 0 赞/ 581 阅读