重复并改变id不止一次

Question

我在这个论坛是新的，而不是在做网站的亲，但现在我为一个朋友做一份工作，我想复制一个div并更改id，我知道怎么做，但是，我希望能够不止一次地改变id，现在新的id将是“bubbla1”，并且下一次我点击按钮时，我希望它变成“bubbla2”等等。 ......我张贴我的html：

<button onclick="myFunction()">Ny Boll</button> 
<script> 
function myFunction() { 
var elmnt = document.getElementsByTagName("DIV") [2]; 
var cln = elmnt.cloneNode(true); 
document.body.appendChild(cln); 
cln.id = "bubbla1" ; 
} 
</script> 

Answer 1

你可以使用一个计数器由一个每次来跟踪你已经添加到页面的div的数量，增加的总追加到div的id ，像这样;

<button onclick="myFunction()">Ny Boll</button> 
<script> 
    var counter = 1; 
    function myFunction() { 
    var elmnt = document.getElementsByTagName("DIV") [2]; 
    var cln = elmnt.cloneNode(true); 
    document.body.appendChild(cln); 
    cln.id = "bubbla" + counter ; 
    counter++; 
    } 
</script>