javascript - 增加 onclick 类 javascript

Question

我想知道如何在单击我的 class="item"时增加类，我想每次单击时更改为 item1 item2 item3 exc 我该怎么做？这就是我想要增加的内容

  <div href="#" class="item" data-bind="draggable:true,droppable:true">

<div class="item">
  <textarea  data-bind="value:textContent1" Placeholder="Type text to append"></textarea>
</div>

<button data-bind="click:addNew">Generate New Div</button>
 <div href="#" class="item" data-bind="draggable:true,droppable:true">
      <span data-bind="click:$parent.remove">X</span>
      <br/>
      <br/>
       <center>
       <span class="text i"  data-bind="text:$data"></span><input class="edit_text"/></center>
    </div>

Answer 1

HTML

<button onclick="addNew()">Generate New Div</button>
<div id="my_div" class="item1"></div>

JavaScript

var i = 1;

function addNew() {
    document.getElementById("my_div").classList.remove("item" + i++);
    document.getElementById("my_div").classList.add("item" + i);
}

每次单击按钮时，类名都会递增。