`
- 浏览:
1336352 次
- 性别:
- 来自:
成都
-
-
<!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>
-
<meta http-equiv="Content-Type"
content=
"text/html; charset=gb2312"
/>
-
<title>
控件cloneNode
（）方法的使用</title>
-
<script language="javascript"
>
-
i=1
;
-
function AddRow()
-
{
-
var tableObject=new
Object();
-
-
var isneed=true
;
-
-
tableObject=document.getElementById("CloneNodeShow"
);
-
-
for
(var j=
0
;j<tableObject.all.tags(
"input"
).length;j++)
-
{
-
var inputs = tableObject.all.tags("input"
)[j];
-
if
(inputs.type==
"text"
&& inputs.value==
""
)
-
{
-
isneed=false
;
-
}
-
}
-
if
(isneed)
-
{
-
-
var newTR=tableObject.insertRow();
-
var td0=newTR.insertCell();
-
var td1=newTR.insertCell();
-
var td2=newTR.insertCell();
-
var td3=newTR.insertCell();
-
-
td0.innerHTML=(++i)+'.'
;
-
td1.innerHTML='<input type="text" name="username"/>'
;
-
-
var newSelect=document.getElementById("sexType"
).cloneNode
(
true
);
-
newSelect.id="sexType"
+i;
-
td2.appendChild(newSelect);
-
td3.innerHTML='<input type="text" name="age" onchange="AddRow()"/>'
;
-
}
-
}
-
</script>
-
</head>
-
<body>
-
<form>
-
<table id="CloneNodeShow"
border=
"2"
bordercolor=
"#000000"
>
-
<tr><th></th><th>
姓名</th><th>性别</th><th>年龄</th></tr>
-
<tr id="signTR"
>
-
<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"
onchange=
"AddRow()"
/></td>
-
</tr>
-
</table>
-
</form>
-
</body>
-
</html>
分享到：
相关推荐
在深入探讨JavaScript中的对象复制（Object Clone）时，首先需要明确JavaScript中的对象复制分为浅复制（Shallow Copy）和深复制（Deep Copy）。浅复制指的是创建一个新对象，这个对象有着原始对象属性值的一份精确...
jquery.clone
js 实现 克隆表格! 值得下载看看!资源免费,大家分享!!
本篇文章将深入探讨如何利用JavaScript库three.js和移动开发框架Apache Cordova，创建一款名为“jewel-clone”的Bejeweled风格游戏。通过对项目源代码的分析，我们可以学习到游戏开发中的关键技术和策略。 首先，...
用来解决双向绑定问题，相当于克隆出一份单独的数据，实用简单
javascript js_leetcode题解之133-clone-graph.js
ThreeNodes.js, 在 javascript/中，vvvv"clone" ThreeNodes.js 实验这是一个在 javascript 。html和中制作像"vvvv"这样的东西的实验。现场演示：http://idflood.github.com/ThreeNodes.js/关键原则模
node.js安装与配置以及clone代码.md
在本项目"github-clone-js"中，开发者利用JavaScript语言创建了一个模拟GitHub客户端的应用。这个应用旨在演示如何通过纯前端技术实现与GitHub API的交互，从而实现类似GitHub网页版的一些功能。JavaScript作为Web...
├── demo├── dist # production code├── doc # document├── src # source code├── test # unit test├── CHANGELOG.md└── TODO.md用法npm安装$ npm install --save @jsmini/clone Node.js var ...
源码文件通常包含以下几个部分：主入口文件（如index.js）、核心功能实现（如lib/clone.js）、辅助函数、测试用例（test目录）以及可能的配置文件（如package.json）。我们先从主入口文件开始，这是整个项目的起点，...
5. **兼容性**: `better-clone` 针对不同的 JavaScript 环境进行了优化，包括浏览器环境和 Node.js 环境，使得它在各种平台上都能稳定工作。 6. **API 简洁易用**: `better-clone` 提供了一个简单的 API，即 `...
《Threes-js-Clone：JavaScript实现的Threes游戏克隆》 Threes！是一款备受欢迎的数字合并益智游戏，其简洁的设计和富有挑战性的玩法吸引了众多玩家。在这个项目中，我们将探讨一个名为"threes-js-clone"的...
本文实例讲述了Javascript对象Clone用法。分享给大家供大家参考。具体如下： Object.prototype.Clone=function() { var objClone=new this.constructor(); //这里是创建一个与被Clone对象相同结构的对象 for(var...
为了实现动态功能，如用户登录、项目创建和克隆等，GitClone.com会使用服务器端的技术，如PHP、Python、Ruby或Node.js等，它们处理用户请求，与数据库交互，然后返回HTML响应。此外，为了保证数据安全，GitClone.com...
`lutils-clone`是一个专门用于JavaScript对象克隆的开源库，它提供了一个高效、可靠且递归的解决方案，确保深拷贝过程中原始对象与克隆对象之间不会相互影响。 JavaScript的内置`Object.assign()`方法可以实现浅...
$ npm install clone-json --save # Install with yarn $ yarn add clone-json 用法 两个数组相等 let cloneJson = require ( 'clone-json' ) let json = { a : 123 , b : 'str' , c : true , d : [ 1 , '2' , ...
js克隆使用深度复制的Javascript对象复制用法var deepClone = require ( './js-clone/index.js' ) ;var object = { name : 'Kator James' , work : { companyName : 'LogicalAddress Ltd' , getCompanyName : ...
【标题】"js-todo-clone" 是一个基于JavaScript实现的Todo应用克隆项目，它旨在帮助初学者理解和实践Web开发中的基本概念，特别是JavaScript在交互式应用中的应用。 【描述】"js-todo-clone" 项目是通过模仿流行的...