Question

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

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

}

问题在于我不知道如何在课堂上获得正确的div：点击的球。我知道myBall [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>

Answer 1

像这样的东西

＆＃13;

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

＆＃13;

<div id="container">
    <div class="ball">1</div>
    <div class="ball">2</div>
    <div class="ball">3</div>
</div>

＆＃13;

Javascript get＆＃34; this＆＃34;具有onClick函数的类

1 个答案: