页面onclick怎么调用classList来添加或移除CSS?

what 发表于: 2022-06-12   最后更新时间: 2022-06-12 13:38:12   52 游览

界面:

<span id="my" onclick="toggle()">
  Praeterea iter est quasdam res quas ex communi.
</span>

js:

var element = document.querySelector("#my");
function toggle() {
  element.classList.toggle("checked");
}

现在是根据document.querySelector来查询,我需要根据点击onclick来对其元素上的css进行增加或移除。

请问有人知道吗?

发表于 2022-06-12

根据event来做:

页面:

onclick="toggle(event)"

js:

function toggle(event) {
    event.target.classList.toggle("checked");
}

或者另一种方式,监听所有点击事件

window.addEventListener('click', (event) => {
  if (event.target.classList.contains('check')) {
    event.target.classList.toggle('checked')
  }
})
你的答案

查看javascript相关的其他问题或提一个您自己的问题
提问