时间戳

首页 > 解决方案 > 点击后清除输入数据

javascript - 点击后清除输入数据

问题描述

单击按钮后，我想清除我的输入字段。我尝试了几种方法，但它没有清除输入字段。它每次都显示以前的值。

function addTodo() {
  var todoItem = document.getElementById("todo-item").value;
  if (todoItem === "") {
    alert("Please enter task");
  } else {
    var li = document.createElement("li");
    var liText = document.createTextNode(todoItem);
    li.appendChild(liText);
    list.appendChild(li);

    var editBtn = document.createElement("i");
    editBtn.setAttribute("onclick", "editTodo(this)");
    editBtn.setAttribute("class", "fa fa-pencil-square-o");
    li.appendChild(editBtn);

    var deleteBtn = document.createElement("i");
    deleteBtn.setAttribute("class", "fa fa-remove")
    deleteBtn.setAttribute("onclick", "deleteTodo(this)");
    li.appendChild(deleteBtn);

    todoItem.value = "";
  }
}

标签： javascripthtmlcss

解决方案

function addTodo() {
    var todoItem = document.getElementById("todo-item").value;
    if (todoItem === "") {
        alert("Please enter task");
    } else {
        var li = document.createElement("li");
        var liText = document.createTextNode(todoItem);
        li.appendChild(liText);
        list.appendChild(li);
    
        var editBtn = document.createElement("i");
        editBtn.setAttribute("onclick", "editTodo(this)");
        editBtn.setAttribute("class", "fa fa-pencil-square-o");
        li.appendChild(editBtn);
    
        var deleteBtn = document.createElement("i");
        deleteBtn.setAttribute("class", "fa fa-remove")
        deleteBtn.setAttribute("onclick", "deleteTodo(this)");
        li.appendChild(deleteBtn);

        document.getElementById("todo-item").value = "";
    }

}

todoItem不是输入元素而是持有它的价值

推荐阅读