javascript cloneNode()方法的使用
控件cloneNode()方法的使用
";
//用cloneNode永久克隆(true标示克隆)
var NewSelect = document.getElementById("sexType").cloneNode(true);
NewSelect.id = "sexType" + i;
//td2的值为NewSelect
td2.appendChild(NewSelect);
td3.innerHTML = '';
}
}
// -->
姓名 | 性别 | 年龄 | |
---|---|---|---|
1. |
请选择性别 男 女 |
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
javascript 拷贝节点cloneNode()使用介绍
cloneNode(a)方法接受一个布尔值参数,表示是否深拷贝 true:表示执行深拷贝,复制本节点以及整个子节点树. false:浅拷贝.只复制节点本身. 复制后返回的节点副本属于文档所有,但是并没有父节点.除非使用appendChild,insertChild(),replaceChild()将它添加到文档 复制代码 代码如下: <div id="guoDiv"> <span>1</span> <span>2</span>
-
javascript dom操作之cloneNode文本节点克隆使用技巧
true:完全的复制一个节点,什么叫完全呢,就是复制一切,包括他的子节点,以至于文本节点,凡是有的,一律克隆,所谓完全 false:只克隆当前节点,不克隆任何的子节点,当然也不会克隆他所包裹的文本,因为任何文本都有指向他的节点(文本节点) 当然有时候两者是可以通用的哦,如果要复制的节点没有任何的子节点,这是二者全等:比如 img... 为了让大家理解的更为深刻,举个小例子吧: 复制代码 代码如下: <div> <span>Shadow</span> |No Shadow
-
JavaScript 用cloneNode方法克隆节点的代码
很多时候我们会用for 来生成多个结构相同的节点结构,这样我们需要写很多createElement.setAttribute.appendChild 等代码. 但其实我们只需要有一个html 的模板,就可以用cloneNode 方法对已有的节点进行克隆,包括其子节点. 以下是cloneNode 方法原型: newElement oldElement.cloneNode(bool deep); 这个方法只有一个参数deep,布尔值,如果为true,则克隆oldElement 这个及其子节点,否则只
-
javascript中clone对象详解
开发中,打断对象间的引用关系,只想下个副本的情况无处不在,clone一个对象就在所难免了. JavaScript中,简单的方法就是用JSON函数,将对象stringify成字符串,再parse成一个新对象.要么就是从网上搜个代码,开源社区里面clone的代码还是有不少的. 代码虽然可以找得到,但,东西永远是别人的,动手学着码永远是个不变的主题. 自己写了两个克隆的函数: cloneOwn:克隆自定义对象的自有属性,不包括继承的属性,属性可以是基本数据类型和数组,自定义的对象,可以制定要克隆的属性
-
javascript cloneNode()方法的使用
控件cloneNode()方法的使用 "; //用cloneNode永久克隆(true标示克隆) var NewSelect = document.getElementById("sexType").cloneNode(true); NewSelect.id = "sexType" + i; //td2的值为NewSelect td2.appendChild(NewSelect); td3.innerHTML = ''; } } // --> 姓名
-
JavaScript正则方法replace实现搜索关键字高亮显示
前言 正则表达式是字符串处理工具中强有力的工具.也有人认为这只是一个小玩具,但不管怎么说都离不开它. 这里介绍的是JavaScript的正则表达式的replace方法 ,和实现搜索关键字高亮的功能. 先介绍一下正则表达式的replace方法 replace介绍 w3school原文链接介绍 正则表达式如何使用特殊字符$来表示原来的文本,这是实现搜索高亮的关键, var str = "asad sad 123 sd qwe21"; str.replace(/\d+/img,"数
-
javascript另类方法实现htmlencode()与htmldecode()函数实例分析
本文实例讲述了javascript另类方法实现htmlencode()与htmldecode()函数.分享给大家供大家参考,具体如下: 最常见的做法是采用正则表达式替换的方法,将特殊字符如 < > & 等进行替换,htmlencode的时候这样替换还比较容易,但发过来htmldecode的时候就不一定好用了,因为需要反转的情况很多,出了常见的<>&以外,还有 ©"®等数十个字符实体,还有AB中文或者中文之类以字符的Unicode编码的十进制或16进制表示的
-
JS 在数组插入字符的实现代码(可参考JavaScript splice() 方法)
复制代码 代码如下: Array.prototype.ArrayInsertAfter=function(Num,obj) { var tempArr=new Array(); var l=this.length; for(var i=0;i<l;i++) { tempArr.push(this.shift()); } l=tempArr.length; for(var i=0;i<l;i++) { this.push(tempArr.shift()); if(i==Num) { this.p
-
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
JavaScript charCodeAt 方法 charCodeAt 方法用于从字符串中取得指定位置字符的 Unicode 编码.其语法如下: 复制代码 代码如下: str_object.charCodeAt( x ) 参数说明: 参数 说明 str_object 要操作的字符串(对象) x 必需.表示位置的数字 提示:字符串是从 0 开始计数的. charCodeAt 方法实例 复制代码 代码如下: <script language="JavaScript"> docu
-
JavaScript数组方法大全(推荐)
数组在笔试中经常会出现的面试题,javascript中的数组与其他语言中的数组有些不同,为了方便之后数组的方法学习,下面小编给大家整理了关于数组的操作方法,一起看看吧. 数组创建 JavaScript中创建数组有两种方式,第一种是使用 Array 构造函数: var arr1 = new Array(); //创建一个空数组 var arr2 = new Array(20); // 创建一个包含20项的数组 var arr3 = new Array("lily","lucy&
-
JavaScript strike方法入门实例(给字符串加上删除线)
JavaScript strike 方法 strike 方法返回使用 HTML strike 标签属性定义的删除线样式的字符串.其语法如下: 复制代码 代码如下: str_object.strike() 提示:该方法不符合 ECMA 标准,不建议使用. strike 方法实例 复制代码 代码如下: <script language="JavaScript"> var str = "www.jb51.net"; document.write( str.st
-
JavaScript italics方法入门实例(把字符串显示为斜体)
JavaScript italics 方法 italics 方法返回使用 HTML i 标签属性定义的(斜体)字符串.其语法如下: 复制代码 代码如下: str_object.italics() 提示:该方法不符合 ECMA 标准,不建议使用. italics 方法实例 复制代码 代码如下: <script language="JavaScript"> var str = "www.jb51.net"; document.write( str.itali
-
浅谈JavaScript find 方法不支持IE的问题
最近在前端开发中,遇到一个JavaScript 的问题. <script type="text/javascript"> var arrayList = new Array(); arrayList.push(1); arrayList.push(2); arrayList.push(3); arrayList.push(4); arrayList.find(function (val) { if (val == 4) { console.log('This is a te
随机推荐
- jQuery+CSS实现的网页二级下滑菜单效果
- System.Data.SqlClient.SqlException: 无法打开登录所请求的数据库 登录失败。
- 微信第三方登录(原生)demo【必看篇】
- Jaxb2实现JavaBean与xml互转的方法详解
- Android中3种图片压缩处理方法
- PowerShell查看进程的所属用户
- yum安装模糊查询所需要的软件包的方法(推荐)
- JS获取元素多层嵌套思路详解
- Javascript合并表格中具有相同内容单元格示例
- 关于前后端json数据的发送与接收详解
- 二级域名原理以及程序,申请即可开通
- Android获取app应用程序大小的方法
- Android编程双重单选对话框布局实现与事件监听方法示例
- 理论讲解python多进程并发编程
- php 读写json文件及修改json的方法
- PHP排序算法之基数排序(Radix Sort)实例详解
- 详解AndroidStudio3.0开发调试安卓NDK的C++代码
- 基于python3监控服务器状态进行邮件报警
- Java文件与类动手动脑实例详解
- 微信小程序实现笑脸评分功能