todolist双击添加类?

时间:2017-12-18 13:25:13

标签: javascript

我正在制作一个待办事项列表...当任务完成后我需要能够点击它然后为该项目添加一个类...它可以工作,但我必须双击..任何建议?< / 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");
                }
            }
        }
    }

1 个答案:

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