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数量，每次递增1并将总数追加到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>

重复并多次更改ID

1 个答案: