主页 / 问题 / 1490773
Accepted
Dmitry Nefedov
Asked:2023-01-28 22:10:41 +0000 UTC2023-01-28 22:10:41 +0000 UTC

第二次点击删除课程[重复]

  • 772

为什么它不起作用event.target.classList.toggle('style')，当您再次单击该元素时，“样式”类没有被删除？如何实施？

const wrapper = document.querySelector('.wrap');

function handleEvent(event) {
  if (event.target && event.target.classList == 'string') {
      event.target.classList.toggle('style')
  }
};

wrapper.addEventListener('click', handleEvent);
.style {
  color: red
}
<div class="wrap">
  <div class="string">Один</div>
  <div class="string">Два</dib>
</div>

javascript

1 个回答

  1. Best Answer

    const wrapper = document.querySelector('.wrap');

function handleEvent(event) {
  if (event.target && event.target.classList.contains('string')) {
    event.target.classList.toggle('style');
  }
};

wrapper.addEventListener('click', handleEvent);
    .style {
  color: red
}
    <div class="wrap">
  <div class="string">Один</div>
  <div class="string">Два</div>
</div>

    • -1

相关问题