在开发网页时，JavaScript 常被用于动态修改 HTML 元素的值。通过使用 JavaScript，您可以随时更改网页上的任何元素，甚至可以实现用户交互操作。下面将通过一些示例说明如何使用 JavaScript 修改元素的值。

首先，让我们看一个简单的例子，如何使用 JavaScript 修改 HTML 中的文本内容。

<p id="demo">Hello World!</p>
<button onclick="myFunction()">Click me</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>

上述 HTML 代码中首先定义了一个段落元素，id 属性为 demo，文本内容为 "Hello World!"。接下来，定义了一个按钮元素，其中通过 onclick 事件绑定了一个名为 myFunction 的 JavaScript 函数。该函数通过 document.getElementById 方法获取元素的引用，并将 HTML 内容做出相应修改。

JavaScript 还可以修改 HTML 中的表单元素的值，比如文本框、下拉框、单选框、复选框等。下面我们将以文本框为例进行演示。

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

上述 HTML 代码中定义了一个文本框元素，id 属性为 myText，初始化值为 "Hello"。接下来又定义了一个按钮元素，其中通过 onclick 事件绑定了一个名为 myFunction 的 JavaScript 函数。该函数通过 document.getElementById 方法获取文本框元素的引用，并将 value 属性做出相应修改。

除了直接修改 HTML 元素的值以外，JavaScript 还可以通过表单提交等方式修改服务器端的值。下面我们将以 PHP 脚本为例进行演示。假设 PHP 脚本已经定义了一个名为 name 的变量，其值为 "World"。

<p><?php echo "Hello " . $name; ?></p>
<button onclick="myFunction()">Click me</button>
<script>
function myFunction() {
var newname = "JavaScript";
window.location.href = "hello.php?name=" + newname;
}
</script>

上述 PHP 代码中首先通过 echo 语句输出了一行文本，并在其中使用了变量 $name。接下来定义了一个按钮元素，其中通过 onclick 事件绑定了一个名为 myFunction 的 JavaScript 函数。该函数定义了一个 newname 变量，其值为 "JavaScript"。最后通过 window.location.href 属性将页面重定向到 hello.php 脚本，并将 name 参数的值设置为 newname 变量的值。

以上就是 JavaScript 修改 HTML 元素值的一些示例。通过 JavaScript，您可以在网页中实现许多动态交互效果，且操作非常灵活便捷。希望以上内容对您的学习有所帮助。