JS中怎么将多个对象添加到一个对象中?

JS中怎么将多个对象添加到一个对象中?,第1张

这个只能用集合来实现。

在JavaScript中,常用Array来存储和 *** 作对象:

Array:

新建:var ary = new Array()或 var ary = []

增加:ary.push(value)

删除:delete ary[n]

遍历:for ( var i=0 i <ary.length ++i ) ary[i]

下面的是测试通过的:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>cloneNode</title>

<meta http-equiv="content-type" content="text/htmlcharset=UTF-8">

</head>

<body>

<input type="button" onclick="split()" value="复制"/>

<div id="container">

<div id="d1">

<hr/>

出差目的:<input type="text" name="target0"/><br/>

出差地点:<input type="text" name="place0"/><br/>

开始时间:<input type="text" name="begin0"/><br/>

结束时间:<input type="text" name="end0"/><br/>

</div>

</div>

<script type="text/javascript">

var target = document.getElementById("d1")//获取目标对象

var container=document.getElementById("container")//获取容器对象

var count=0//计数器,用于id或者name

function split(){

if(!target || !container)

{

//目标或者容器不存在,报错或者返回

alert("")

return

}

count++

try{

var obj=target.cloneNode(true)//克隆对象

obj.id = "NewId_"+count//修改id(id需要唯一)

/*修改input的name属性*/

var inputs = obj.getElementsByTagName("input")

for(var i=0i<inputs.lengthi++){

inputs[i].name = inputs[i].name.replace(/\d*$/, count)

}

container.appendChild(obj)//添加到容器

}

catch(e){

//错误处理

alert(e)

}

}

</script></body>

</html>

不好排版呀。。

同样你可以用jquery:

$("#container").append($("#d1").clone())


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/bake/11905295.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存