JS简单获取并修改input文本框内容的方法示例

JavaScript获取并修改input文本框内容的简单方法

本文将通过实例介绍如何使用JavaScript获取并修改HTML页面中的input文本框内容。对于对JavaScript及相关内容感兴趣的读者，这将是很好的参考。

一、介绍

在JavaScript中，我们可以通过getElementById()方法来获取HTML元素并对其进行操作。这个方法通过指定的id获取HTML标记，并返回一个对象。

二、语法

使用getElementById()方法的语法如下：

sElement = document.getElementById(id)

其中，sElement用来接收该方法返回的一个对象，而id则是需要获取HTML元素的id值。

三、实例应用

接下来，我们通过一个简单的例子来看看如何获取文本框并修改其内容。

在页面中有一个文本框，初始内容为“初始文本内容”。当单击按钮后，文本框中的内容将被改变为“.jb51. 修改文本内容”。

HTML代码示例：

```html

```

在上述代码中，我们定义了一个JavaScript函数c1()，该函数通过getElementById()方法获取id为"txt"的文本框，然后修改其value值，从而改变文本框的内容。单击按钮时，将调用此函数。

四、运行结果

运行上述代码，你将看到一个文本框和一个按钮。单击按钮，文本框中的内容将更改为“.jb51. 修改文本内容”。

除了本文介绍的内容，JavaScript还有许多其他功能和技巧等待你去。希望本文对你学习JavaScript程序设计有所帮助。如果你对其他与JavaScript相关的主题感兴趣，如DOM操作、事件处理、AJAX等，可以查看本站的相关专题。 JavaScript是一种强大且实用的语言，掌握它将为你的网页开发带来无限可能。