获取表单字段的值并设置段落文本 - JavaScript

在编写 JavaScript 程序时，常常需要获取 HTML 表单字段的值。本文将介绍如何通过 JavaScript 获取 id="name" 的表单字段的值，并将其设置为 id="txt" 的段落文本。

获取表单字段的值

我们可以通过以下代码获取 HTML 表单字段的值：

var nameValue = document.getElementById("name").value;

该代码将获取 id="name" 的表单字段的值，并将其存储在名为 nameValue 的变量中。

设置段落文本

要设置 id="txt" 的段落文本，我们可以使用以下代码：

document.getElementById("txt").innerHTML = nameValue;

该代码将获取之前存储在 nameValue 变量中的表单字段的值，并将其设置为 id="txt" 的段落的文本。

示例代码

下面是完整的 JavaScript 代码，用于获取 id="name" 的表单字段的值，并将其设置为 id="txt" 的段落文本：

var nameValue = document.getElementById("name").value;
document.getElementById("txt").innerHTML = nameValue;

总结

通过以上代码片段，我们可以轻松地获取 HTML 表单字段的值，并将其设置为任何我们想要的 HTML 元素的文本内容。这是编写 JavaScript 的基础，并且为我们构建更复杂的应用程序打下了基础。