增量类onclick javascript

问题描述

我想知道如何在点击我的class =item上增加课程我想在每次点击时更改item1 item2 item3我怎么能这样做？这就是我想要的内容

i would like to know how i can increment class on click my class="item" i want to change on click every time to item1 item2 item3 exc how can i do this? this is what i want to incrament

  <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>

推荐答案

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);
}

每次单击按钮时，这将增加类名。

This will increment the class name each time the button is clicked.

这篇关于增量类onclick javascript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！