Javascript get "this" class with onClick function

Javascript get "this" class with onClick function

本文关键字：quot onClick function with class Javascript this get      更新时间：2024-04-20

我想创建一个函数，用特定的类来操作元素。到目前为止，我有这个：

function myFunc() {
var ball = document.getElementsByClassName('ball');
var myBall = 0;
myBall = ball[0].innerHTML; // HERE I NEED TO GET THE CURRENT BALL CLICKED
myBall[0].innerHTML = ++nr; // THE SAME HERE
}

问题是，我不知道如何使用被点击的类：ball来获得确切的div。我知道我的Ball[0]错了。我需要以某种方式设置表示单击的元素的数字。

我的HTML:

<div id="container">
    <div class="ball" onclick="myFunc()">1</div>
    <div class="ball" onclick="myFunc()">1</div>
    <div class="ball" onclick="myFunc()">1</div>
</div>

类似的东西

var elems = document.querySelectorAll('#container .ball');
    
for (var i=elems.length; i--;) {
    elems[i].addEventListener('click', myFunc, false);
}
    
function myFunc() {
  
    this.innerHTML = parseInt(this.innerHTML, 10) + 1;
    
}
<div id="container">
    <div class="ball">1</div>
    <div class="ball">2</div>
    <div class="ball">3</div>
</div>

相关文章：