Question

我正在尝试做一个简单的Todo应用程序练习，我不知道为什么，但是我的列表项被附加了，但是立即消失了。有什么建议吗？

    /* jshint esversion: 6 */

    window.onload = function () {
        var taskList = document.querySelector('#taskList');
        var form = document.querySelector('form');
        let count = 1;
        form.addEventListener("submit", function(){
            var task = document.querySelector('input').value;
            let li = document.createElement('li');
            li.append(count + '  ' + task);
            taskList.append(li);
        });

    };

Answer 1

form.submit将表单数据提交到action中列出的URL。鉴于您要报告的问题，我怀疑您的操作是在同一页面上。因此，在重新加载时，由于页面重新加载，您动态添加的LI不再存在。有道理吗？

    form.addEventListener("submit", function(){
        var task = document.querySelector('input').value;
        let li = document.createElement('li');
        li.append(count + '  ' + task);
        taskList.append(li);
    });

为什么我的元素在添加后立即消失？

1 个答案: