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

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

界面：

<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进行增加或移除。

请问有人知道吗？

javascript

发表于 2022-06-12

what

根据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')
  }
})

回答于 2年前

半兽人

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

提问