克隆Java中的元素[div] [script] [英] Cloning elements [div] [script] in Javascript
本文介绍了克隆Java中的元素[div] [script]的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在尝试使用纯Javascript克隆div，但是cloneNode导致重复的ID(div_0).我想将id递增为div_1，div_2 ...，然后对somevar = {'elem'，'div_1'} ...这样做
I'm trying to clone a div in pure Javascript, however, cloneNode leads to duplicate ids (div_0). I would like to increment the id as div_1, div_2... and do the same to somevar = {'elem', 'div_1'}... Thanks
<html>
<head></head>
<body>
<div id="mydiv">
<div id="div_0">
<script type="text/javascript">
<!--
somevar = {'elem', 'div_0'};
//-->
</script>
<p>HELLO</p>
</div>
</div>
<a href="#" onclick="cloning()">CLONE</a>
<script type="text/javascript">
function cloning() {
var container = document.getElementById('mydiv');
var clone = document.getElementById('div_0').cloneNode(true);
container.appendChild (clone);
}
</script>
</body>
</html>
推荐答案
尝试一下..
`
function cloning() {
var container = document.getElementById('mydiv');
var clone = document.getElementById('div_0').cloneNode(true);
clone.setAttribute('id','div_'+document.getElementById('mydiv').getElementsByTagName('div').length);
container.appendChild (clone);
}
`
这篇关于克隆Java中的元素[div] [script]的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
