我正在制作一个待办事项列表...当任务完成后我需要能够点击它然后为该项目添加一个类...它可以工作,但我必须双击..任何建议?< / p>
list.onclick = function() {
var list = document.getElementsByTagName('li');
for (var i = 0; i < list.length; i++) {
list[i].onclick = function() {
if (!this.classList.contains("checked") || this.classList.contains("checked")) {
this.classList.add("checked");
} else {
this.classList.remove("checked");
}
}
}
}
答案 0 :(得分:2)
据我所知,这个功能的目的是每次用户点击它时检查或取消选中list元素。为此,首先我们需要确定是否有类&#39;是否存在并将其删除。在其他情况下,只需添加&#39; class&#39;到classList属性。
list.onclick = function()
{
var list = document.getElementsByTagName('li');
for (var i = 0; i < list.length; i++)
{
list[i].onclick = function()
{
if (this.classList.contains("checked")
{
this.classList.remove("checked");
}
else
{
this.classList.add("checked");
}
}
}
}