cloneNode()方法的使用

最新推荐文章于 2021-09-07 12:17:46 发布
最新推荐文章于 2021-09-07 12:17:46 发布
阅读量317 收藏
点赞数
文章标签： JavaScript XHTML J# HTML ViewUI

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>控件cloneNode（）方法的使用</title> <mce:script type="text/javascript"><!-- var i = 1; function AddRow() { var IsInsert = true; var tableObject; tableObject = document.getElementById('CloneNodeShow'); //如果没有填充值,那么isneed 就为空！ for (var j = 0; j < tableObject.getElementsByTagName("input").length; j++) { var inputs = tableObject.getElementsByTagName("input")[j]; if (inputs.type == "text" && inputs.value == "") { isneed = false; } } //如果已经填充值了就创建TR,td if (IsInsert == true) { //根据table创建一个Row var CopyTr = tableObject.insertRow(); //创建单元格 var td0 = CopyTr.insertCell(); var td1 = CopyTr.insertCell(); var td2 = CopyTr.insertCell(); var td3 = CopyTr.insertCell(); //第一个单元格的值为:++i.注意i为全局变量 td0.innerHTML = (++i) + '.'; //td1的值为: td1.innerHTML = "<input type='text' name='username'/>"; //用cloneNode永久克隆(true标示克隆) var NewSelect = document.getElementById("sexType").cloneNode(true); NewSelect.id = "sexType" + i; //td2的值为NewSelect td2.appendChild(NewSelect); td3.innerHTML = '<input type="text" name="age" οnchange="AddRow()"/>'; } } // --></mce:script> </head> <body> <table id="CloneNodeShow" border="1" bordercolor="#000000"> <tr> <th></th><th>姓名</th><th>性别</th><th>年龄</th> </tr> <tr> <td>1.</td> <td><input type="text" name="username"/></td> <td> <select name="sexType" id="sexType"> <option value="%">请选择性别</option> <option value="0">男</option> <option value="1">女</option> </select> </td> <td><input type="text" name="age" οnchange="AddRow()"/></td> </tr> </table> </body> </html>

iteye_3619
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
DOM节点深度克隆函数cloneNode()用法实例
09-03
主要介绍了DOM节点深度克隆函数cloneNode()用法,实例分析了cloneNode()函数深度复制的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
javascript cloneNode()方法的使用
10-29
javascript cloneNode()方法的使用 javascript 中的 cloneNode() 方法是用来克隆一个元素的，包括其所有子元素和属性。该方法返回克隆的元素，并且可以选择是否克隆元素的所有子元素。 在上面的实例代码中，我们...
[js] cloneNode
qq_14993591的博客
09-07 167
<h1> <div class="div1" id="div2" name="div3"> 我是div标签 <p>我是p标签</p> <span>我是span标签</span> </div> </h1> <h2> </h2> var oDiv =...
Js ——CloneNode()用法
热门推荐
进击的葱
12-26 2万+
描述： cloneNode() 方法可创建指定的节点的精确拷贝。 cloneNode() 方法 拷贝所有属性和值。 该方法将复制并返回调用它的节点的副本。 如果传递给它的参数是 true，它还将递归复制当前节点的所有子孙节点。 否则（也就是默认值，或者false），它只复制当前节点。 案例： 代码： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt...
前端学习笔记之cloneNode()
aibangta9503的博客
08-23 365
最近工作很忙，有段时间没学习我的代码了，昨天再打开看，发现很多之前很烂熟的东西居然也变得模糊。正好之前一直跃跃欲试想参加的“先行者计划”论坛竟然可以看到老师布置的练习题目了，于是还是决定跟着论坛一起做题吧，每天坚持前进一小步，希望自己能早日转行前端。 昨天做了第一个题，题目如下： 这个题还算简单，“克...
JavaScript 用cloneNode方法克隆节点的代码
10-27
JavaScript提供了一种简单有效的方法来实现这一点，那就是使用DOM（文档对象模型）中的cloneNode方法。cloneNode方法允许我们复制已有的节点，并且可以选择是否复制节点的子节点，即深拷贝或浅拷贝。 为了理解...
IE下使用cloneNode注意事项分享
09-05
在网页开发过程中，DOM操作是不可或缺的一部分，其中`cloneNode`方法用于复制DOM节点及其子节点。然而，当在Internet Explorer（尤其是版本8及以下）中使用`cloneNode`时，需要注意一些特定的行为，这些行为可能导致...
复制（克隆）节点node . cloneNode ( )深拷贝浅拷贝
leechoy
08-31 5503
node.cloneNode ()方法返回调用该方法的节点的-一个副本。也称为克隆节点/拷贝节点 如果括号参数为空或者为false,则是浅拷贝，即只克隆复制节点本身，不克隆里面的子节点。 如果括号参数为true，则是深度拷贝，会复制节点本身以及里面所有的子节点。 ①浅拷贝 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>clonetest</t
js中cloneNode()的使用 两个例子
yangguoklose的专栏
11-09 360
cloneNode() 方法可创建指定的节点的精确拷贝。 （可以做一个模版 然后做一个隐藏域，点击按钮就添加一个模板！） 此方法可返回所复制的节点。 该方法将复制并返回调用它的节点的副本。如果传递给它的参数是 true，它还将递归复制当前节点的所有子孙节点。否则，它只复制当前节点。 返回的节点不属于文档树，它的 parentNode 属性为 null。 当复制的是 ...
javascript 拷贝节点cloneNode()使用介绍.docx
01-13
javascript 拷贝节点cloneNode()使用介绍.docx
javascript 拷贝节点cloneNode()使用介绍
01-19
cloneNode(a)方法接受一个布尔值参数,表示是否深拷贝 true:表示执行深拷贝,复制本节点以及整个子节点树. false:浅拷贝.只复制节点本身. 复制后返回的节点副本属于文档所有,但是并没有父节点.除非使用appendChild,insertChild(),replaceChild()将它添加到文档 代码如下: <div id=”guoDiv”> <span>1</span> <span>2</span> <span>3</span> </div> var oDiv = document.getElementById(“guoDiv”); var deepList = oDiv.
cloneNode(true)和cloneNode()的区别？（克隆节点）
tjmengqw的博客
08-13 4884
cloneNode() 代表浅克隆 —标签里的元素，事件没有复制。 cloneNode(true) 代表深克隆 —完全把真节点的东西给复制了过来 案例写法： var nrow = row.cloneNode(true); 注： 平常可用在表格行复制，增加一行或减少一行 ...
html table clonenode,Js ——CloneNode()用法
weixin_34174789的博客
07-10 273
描述：cloneNode() 方法可创建指定的节点的精确拷贝。cloneNode() 方法 拷贝所有属性和值。该方法将复制并返回调用它的节点的副本。如果传递给它的参数是 true，它还将递归复制当前节点的所有子孙节点。否则(也就是默认值，或者false)，它只复制当前节点。案例：代码：菜鸟教程(runoob.com)CoffeeTeaWaterMilk牛奶单击按钮将项目从一个列表复制到另一个列表中...
js中cloneNode()的使用
04-24 1484
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">控件cloneNode（）方法的使用 i=1; function AddRow() {   var tableObject=new Object();      var isneed=true;      tableObjec
javascript当中如何操纵Node，（创建，附加，克隆，取代，去除，插入Node）
mark_to_win的专栏
03-21 256
1.操纵Node，（创建，附加，克隆，取代，去除，插入Node）例 1.1（cloneNode()IEFF.html）<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><SCRIPT LANGUAGE="JavaScript"><!--window...
select节点clone全解析
07-30 215
select节点clone全解析 2009-12-18 在开发ns-log项目中，统计分类有复制的功能。由于之前的统计分类中的数据是通过JS赋值进去的，之后用户可能又进行了修改，发现进行节点克隆时，出现了 无法复制select下拉框值的怪异现象。本文对这个怪异现象进行解析和给出解决办法。 问题现状 使用节点的cloneNode(true/false)进行克隆时，目前是下面的表...
javascript当中cloneNode的用法
qq_43650923的博客
10-30 621
例 1.1（cloneNode()IEFF.html） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- window.onload=function(){ var pa...
clonenode
最新发布
05-25
`cloneNode()` 方法是 JavaScript 中的一个 DOM 方法，它可以克隆一个指定的节点，并返回克隆后的节点对象。这个方法有一个参数，表示是否深度克隆，即是否克隆节点的子节点。如果该参数为 true，则会克隆节点及其所有子节点；如果该参数为 false，则只会克隆节点本身而不包括子节点。 语法如下： ``` node.cloneNode(deep) ``` 其中，`node` 表示要克隆的节点对象，`deep` 表示是否深度克隆，为 Boolean 类型。 例如，以下代码将克隆一个 `div` 元素及其所有子节点： ```javascript let div1 = document.getElementById("div1"); let div2 = div1.cloneNode(true); ``` 这样就会得到一个 `div2` 元素，它与 `div1` 完全相同。如果将参数改为 `false`，则只会克隆 `div1` 元素本身，不包括子节点。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值