如何使用 javascript onclick 更改输入字段？

Question

是否可以使用 javascript onclick 更改输入字段？我的代码：

<form>
 <input type="text" id="demo" value="John">
</form>
<button onclick="myFunction()">Click me!</button>  
<script>
  function myFunction() {
    document.getElementById("demo").value = "Hello World";
  }
</script>

修改文本成功，修改输入框值失败任何想法如何解决它？？？非常感谢

Answer 1

要同时更新 HTML 的 value 字段，请使用 setAttribute()

<form>
 <input type="text" id="demo" value="John">
</form>
<button onclick="myFunction()">Click me!</button>  
<script>
  function myFunction() {
    document.getElementById("demo").setAttribute("value", "Hello World");
  }
</script>

如何使用 javascript onclick 更改输入字段？

How to change input field using javascript onclick?

javascript

onclick