使用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而不是title，它不會更改或設置firstname字段中的值。

有人可以幫幫我嗎？

Answer 1

您在value key的元素上設置value屬性：

var firstnameInput = document.getElementById('firstname');
firstnameInput.value = 'Firstname value';

Answer 2

雖然我不明白為什么你想要一個輸入來更新另一個輸入，但如果你想改變輸入字段的值，你必須使用.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()" /> 

Answer 3

你需要這樣做：使用firstname.value = myNewTitle; 而不是innerHTML 。

 function change() { var myNewTitle = document.getElementById('myTextField').value; if (myNewTitle.length == 0) { alert('Write Some real Text please.'); return; } var firstname = document.getElementById('firstname'); firstname.value = 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" id="firstname" value = ""/>