javascript - 使用 javascript 更改值

Question

我正在尝试使用 javascript 更改/设置值。

从我目前创建的内容来看，这适用于 id: title 标签中的一段文本。

它的工作原理如下:

function change() {

  var myNewTitle = document.getElementById('myTextField').value;
  if (myNewTitle.length == 0) {
    alert('Write Some real Text please.');
    return;
  }

  var title = document.getElementById('title');
  title.innerHTML = myNewTitle;

}

<h1 id="title">test</h1>
<input type="text" id="myTextField" />
<input type="submit" id="byBtn" value="Change" onclick="change()" />

现在我要设置的是这里的一个值:

Voornaam + Achternaam:<input type="text" name="firstname" value="" />

这基本上应该是名字。我希望使用我已经用于标签的方法来设置该值。但是，当我给它一个像这样的 id 时:

Voornaam + Achternaam:<input type="text" id="firstname" value="" />

并且还将我的函数更改为该 id 而不是标题，它不会更改或设置名字字段内的值。

有人可以帮我吗？

Answer 1

虽然我不明白为什么您希望一个输入更新另一个输入，但如果您想更改输入字段的值，则必须使用 .value 而不是 .innerHTML

function change() {

  var myNewTitle = document.getElementById('myTextField').value;
  if (myNewTitle.length == 0) {
    alert('Write Some real Text please.');
    return;
  }

  var title = document.getElementById('firstname');
  title.value = myNewTitle;

}

<h1 id="title">test</h1>
Voornaam + Achternaam:<input type="text" id="firstname" value="" />
<br/><br/>
<input type="text" id="myTextField" />
<input type="submit" id="byBtn" value="Change" onclick="change()" />