Question

我无法弄清楚为什么会这样。我有一个方法的对象，它从文本字段值向我的Todo列表添加新任务，然后清除文本字段。请参阅以下代码：

const handlers = {
  addTodo: () => {
    let addTodoTextInput = document.querySelector('#addTodoTextInput'); // returns text field element
    todoList.addTodo(addTodoTextInput.value); // adds task from text field value
    addTodoTextInput.value = ''; // clears text field
  }
};

此代码工作正常，但我尝试将文本字段中的值存储在变量中：

const handlers = {
  addTodo: () => {
    let addTodoTextInput = document.querySelector('#addTodoTextInput').value; // value from text field stored in variable
    todoList.addTodo(addTodoTextInput); // adds task from text field value, get line above
    addTodoTextInput = ''; // and this does not clear text field
  }
};

在这种情况下，文本字段不会被清除，但如果我将变量 addTodoTextInput 记录到控制台，则它是空的。我很好奇为什么会这样，因为我无法在任何地方找到答案。

谢谢！

Answer 1

试试这个：

const handlers = {
  addTodo: () => {
    let addTodoTextInput = document.querySelector('#addTodoTextInput').value; // value from text field stored in variable
    todoList.addTodo(addTodoTextInput); // adds task from text field value, get line above
    addTodoTextInput.value = ''; // and this should clear text field
  }
};

当值存储在变量中时，为什么文本字段不清除？

1 个答案: