主页 / 问题 / 1344723
Accepted
kiskiskit
Asked:2022-04-02 07:30:37 +0800 CST2022-04-02 07:30:37 +0800 CST

为什么不触发 onclick 事件？[复制]

  • 772

为什么不触发 onclick 事件？

let btn = document.querySelectorAll('.btn');

let text = document.querySelector('.text');


btn.onclick = function () {
    text.style.opacity = '20';
  console.log('test');
}
<div class="test-btn">
  <button class="btn">test 1</button>
  <button class="btn">test 2</button>
  <button class="btn">test 3</button>
  <button class="btn">test 4</button>
</div>

<div class="text">
  скрытый текст
</div>

javascript

1 个回答

  1. Best Answer

    好吧，它不是 jQuery。元素集合需要迭代来设置事件监听器。

    let btns = document.querySelectorAll('.btn');

let text = document.querySelector('.text');


btns.forEach(btn=>btn.onclick = function (e) {
    text.style.opacity = 0.2;
  console.log(e.target.textContent);
});
    <div class="test-btn">
  <button class="btn">test 1</button>
  <button class="btn">test 2</button>
  <button class="btn">test 3</button>
  <button class="btn">test 4</button>
</div>

<div class="text">
  скрытый текст
</div>

    • 2

相关问题