javascript - 如何计算按钮以外的元素的点击次数？

Question

我在页 footer 分有一个空框，它位于 div 中

<footer>
<div>
</div>
</footer>

我想用 javascript 编写一个函数来计算 div 中的点击次数，并在同一个 div 中显示点击次数。我想知道如何在不接触 html 的情况下实现这一目标。我已经看到如何使用按钮实现此目的，但如何使用 div 实现此目的？谢谢

Answer 1

如果您不想添加任何 ID 或类，请使用 .querySelector。

var elem = document.querySelector('footer div');

let countClicks = 0;

elem.onclick = function() { 
  countClicks++;
  elem.textContent = countClicks
};

div {
padding:10px;
background: #339900; 
color: #fff;
font-size: 44px;
}

<footer>
  <div></div>
</footer>