div内のテキストボックスの値をJavascriptのみを使って変更するにはどうすればよいですか？

Question

div内にあるテキストボックスの値を変更する方法はありますか？

<div class="form-group"> 
<input id="name" class="form-control" placeholder="Nick" maxlength="15" 
value="change me"> 
</div> 

Answer 1

ダイビングの内側にあるかどうかは関係ありません：

JS：。のdocument.getElementById（ "名前"）値= "ジョン・スミス"。

jQuery：$（ "＃name"）。val（ "John Smith"）;

Answer 2

あなたの入力はIDを持っているので、スーパーシンプルです。値のパラメータを変更するだけです。

var my_text_field = document.querySelector('#name'); 
my_text_field.value = "New Value";