HTML 如何使用Javascript更改EditText内容

在本文中，我们将介绍如何使用Javascript来更改HTML页面上的EditText（输入框）的内容。通过Javascript，我们可以轻松地获取和修改输入框的值，从而实现动态更新和交互效果。

阅读更多：HTML 教程

获取EditText的值

要获取EditText的值，我们可以使用Javascript中的document.getElementById()方法来根据输入框的id获取输入框的元素。然后，我们可以使用value属性来获取输入框的值。

以下是一个示例代码：

<input type="text" id="myInput" value="默认文本">

<script>
  var input = document.getElementById("myInput");
  var value = input.value;
  console.log(value);
</script>

在上面的示例中，我们首先在HTML中定义了一个id为myInput的输入框，并设置了一个默认值。然后，在Javascript中，我们使用document.getElementById("myInput")来获取该输入框的元素，然后通过input.value来获取其值。最后，我们使用console.log()将值打印到浏览器的控制台中。

修改EditText的值

要修改EditText的值，我们同样可以使用document.getElementById()来获取输入框的元素，然后使用value属性进行赋值操作。

以下是一个示例代码：

<input type="text" id="myInput" value="默认文本">

<script>
  var input = document.getElementById("myInput");
  input.value = "新的文本";
</script>

在上面的示例中，我们通过document.getElementById("myInput")获取到输入框的元素，然后将其value属性设置为”新的文本”。这样就可以实现将输入框内容更改为指定的文本。

使用按钮来更改EditText的值

除了直接在Javascript中修改EditText的值，我们还可以通过按钮来实现交互式更改。当用户点击按钮时，我们将使用Javascript来修改输入框的值。

以下是一个示例代码：

<input type="text" id="myInput" value="默认文本">
<button onclick="changeText()">点击更改文本</button>

<script>
  function changeText() {
    var input = document.getElementById("myInput");
    input.value = "新的文本";
  }
</script>