javascript - 无法清除 Javascript 中的输入

Question

我在 watchandcode.com 上做实用的 Javascript 类(class)，我的代码和讲师的完全一样，但是它清除输入的部分在这里不起作用。

changeTodo: function () {
    var changeTodoPositionInput = document.getElementById('changeTodoPositionInput').valueAsNumber;
    var changeTodoTextInput = document.getElementById('changeTodoTextInput').value;

    todoList.changeTodo(changeTodoPositionInput, changeTodoTextInput);

    // THIS PART DOESN'T WORK
    changeTodoPositionInput.value = '';
    changeTodoTextInput.value = '';
}

函数完成了它的工作，只是最后两行不起作用。

Answer 1

你试图清除一个值而不是输入元素，你必须先获取 DOM 元素:

var changeTodoPositionInput = document.getElementById('changeTodoPositionInput');
var changeTodoTextInput = document.getElementById('changeTodoTextInput');

然后从他们那里获取之后的值:

todoList.changeTodo(changeTodoPositionInput.valueAsNumber, changeTodoTextInput.value);

现在您可以使用以下方法清除两个输入的值:

changeTodoPositionInput.value = '';
changeTodoTextInput.value = ''; 

完整代码:

changeTodo: function() {
    var changeTodoPositionInput = document.getElementById('changeTodoPositionInput');
    var changeTodoTextInput = document.getElementById('changeTodoTextInput');

    todoList.changeTodo(changeTodoPositionInput.valueAsNumber, changeTodoTextInput.value);

    changeTodoPositionInput.value = '';
    changeTodoTextInput.value = ''; 
}

希望这对您有所帮助。