todolist双击添加类？

Question

我正在制作一个待办事项清单...当任务完成后我需要能够点击它然后为该项目添加一个类...它可以工作，但我必须双击..任何建议？

 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");
                }
            }
        }
    }

Answer 1

据我所知，这个功能的目的是每次用户点击它时检查或取消选中列表元素。为此，首先我们需要确定“类”是否存在并将其删除。在其他情况下，只需将“class”添加到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");
            }
        }
    }
}