无法使用Javascript重置输入文本字段

我正在尝试使用Java脚本重置输入字段，但它没有按照我想要的方式工作。我试图弄明白为什么它以某种方式而不是另一种方式工作。请你解释一下原因，如果可能的话，提供一些建议。多谢各位

我试图重置的输入文本字段：

<input type="text" id="textInput" class="inp">

这是我从输入文本中获取的JS代码：

 var inputTextValue=document.getElementById("textInput").value;

要重置该值，我只需将其赋给空字符串：

inputTextValue="";

这段代码不起作用，但当我尝试获取输入文本的引用时，如下所示-

var inputText=document.getElementById("textInput");

试着像这样重置值，它可以工作-

inputText.value=

因此，我试图理解，这两种方法的区别是什么，我做错了什么。

当您将value属性赋值给变量时，这正是您所做的。您只是简单地赋值，而不是创建引用—或者将整个元素设置为变量并更新value属性，或者立即更新value属性：

document.getElementById("textInput").value = "";

或：

当您将value属性指定给变量时，这正是您要做的。您只是简单地赋值，而不是创建引用—或者将整个元素设置为变量并更新value属性，或者立即更新value属性：

document.getElementById("textInput").value = "";

或：

---

您正在将输入字段的当前值复制到InputExtValue字符串中，然后将该副本替换为空字符串。这意味着您实际上并没有改变输入字段

试一试

或

---

相反。

您正在将输入字段的当前值复制到InputExtValue字符串中，然后将该副本替换为空字符串。这意味着您实际上并没有改变输入字段

试一试

或

---

相反。

这样您可以重置或选择

$(document).on("click", "#resetButton", function() {
    var textInputValue = $("#textInput").val(); // get value
    $("#textInput").val(""); // or reset value
});

或

---

编辑：我还没有看到Javascript标记。对不起

这样您可以重置或选择

$(document).on("click", "#resetButton", function() {
    var textInputValue = $("#textInput").val(); // get value
    $("#textInput").val(""); // or reset value
});

或

---

编辑：我还没有看到Javascript标记。对不起

您需要直接将.value属性设置为。当您想进行设置时，实际上是在执行get。您需要直接将.value属性设置为。当您想进行设置时，实际上是在执行get。谢谢您的回复！你的第一句话很有道理。这可以被标记为一个正确的答案，但由于我没有足够的声誉，我不能这样做。谢谢你的答复！你的第一句话很有道理。这可以被标记为一个正确的答案，但由于我没有足够的声誉，我不能这样做。明白。谢谢你的帮助！理解。谢谢你的帮助！感谢您提供的解决方案，但我没有使用jQuery！谢谢你的解决方案！感谢您提供的解决方案，但我没有使用jQuery！谢谢你的解决方案！

document.getElementById("textInput").value = "";

 var input = document.getElementById("textInput");
 input.value = "";

$(document).on("click", "#resetButton", function() {
    var textInputValue = $("#textInput").val(); // get value
    $("#textInput").val(""); // or reset value
});

var input = document.getElementById("textInput");
var resetButton = document.getElementById("resetButton");

resetButton.addEventListener("click", function() {
    input.val(); // get value
    input.val(""); // or reset value
});