JavaScriptを使用してHTML要素の値を変更する方法

getElementByIdを使用する方法: HTML要素には一意のIDを指定できます。getElementByIdメソッドを使用して、そのIDを指定し、要素を取得します。次に、取得した要素のvalueプロパティに新しい値を代入することで、値を変更できます。
```
<input type="text" id="myInput" value="初期値">
<script>
var inputElement = document.getElementById("myInput");
inputElement.value = "新しい値";
</script>
```
getElementsByClassNameを使用する方法: 複数の要素に同じクラス名を指定した場合、getElementsByClassNameメソッドを使用して要素のリストを取得できます。リスト内の要素をループ処理し、valueプロパティを変更することで、値を一括して変更できます。
```
<input type="text" class="myInputs" value="初期値">
<input type="text" class="myInputs" value="初期値">
<script>
var inputElements = document.getElementsByClassName("myInputs");
for (var i = 0; i < inputElements.length; i++) {
   inputElements[i].value = "新しい値";
}
</script>
```
querySelectorを使用する方法: querySelectorメソッドを使用して、CSSセレクタを指定して要素を取得できます。セレクタに該当する要素が複数ある場合は、最初にマッチした要素が選択されます。取得した要素のvalueプロパティを変更することで、値を変更できます。
```
<input type="text" id="myInput" value="初期値">
<script>
var inputElement = document.querySelector("#myInput");
inputElement.value = "新しい値";
</script>
```

これらはHTML要素の値を変更するための一般的な方法の一部です。他にもさまざまな方法がありますが、上記の方法はよく使用されます。適切な方法を選択し、必要に応じてコードをカスタマイズしてください。