主页 / 问题 / 1453050
Accepted
Niko Papchenko
Asked:2022-10-01 03:41:01 +0000 UTC2022-10-01 03:41:01 +0000 UTC

用 getElementsByClassName 或 querySelector 替换 getElementById

  • 772

我想用将多个 div 元素绑定到此事件的能力来替换 getElementById。什么不会是一个ID。如何更改代码？例如<div class="doVibro">Hello</div>

let doVibro = Boolean(localStorage.getItem('doVibro') === '0' ? 0 : 1) || false;

document.getElementById("vibro_on").addEventListener('click', () => {
  switchVibro(true)
});

document.getElementById("vibro_off").addEventListener('click', () => {
  switchVibro(false)
});

document.getElementById("do-vibro").addEventListener('click', () => {
  doVibro ? navigator.vibrate([50]) : navigator.vibrate([0]);
});

function switchVibro(bool) {
  doVibro = Boolean(bool);
  localStorage.setItem('doVibro', bool ? '1' : '0')
}
javascript

1 个回答

  1. Best Answer

    在你的例子<div class="doVibro">Hello</div> 

    const list = document.getElementsByClassName('doVibro');

for (let i = 0; i < list.length; i++) {
    list[i].addEventListener('click', (e) => {
       console.log(e.target.innerHTML)
     })
}
    <div class="doVibro">Hello 0</div>
<div class="doVibro">Hello 1</div>
<div class="doVibro">Hello 2</div>
<div class="doVibro">Hello 3</div>
<div class="doVibro">Hello 4</div>

    • 1

相关问题