Rumah > Artikel > hujung hadapan web > JS简单获取并修改input文本框内容的方法示例

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

亚连asal: 2018-05-26 10:05:542239semak imbas

这篇文章主要介绍了JS简单获取并修改input文本框内容的方法,结合实例形式分析了JavaScript针对页面元素的获取、赋值等相关操作技巧,需要的朋友可以参考下

本文实例讲述了JS简单获取并修改input文本框内容的方法。分享给大家供大家参考，具体如下：

一介绍

获取文本框并修改其内容可以使用getElementById()方法来实现。

getElementById()方法可以通过指定的id来获取HTML标记，并将其返回。

语法：

sElement=document.getElementById(id)

sElement：用来接收该方法返回的一个对象。

id：用来设置需要获取HTML标记的id值。

二应用

获取文本框并修改其内容

在页面加载后的文本框中将会显示“初始文本内容”，当单击按钮后将会改变文本框中的内容。

三代码

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.jb51.net 获取文本框并修改其内容</title>
</head>
<body>
<script language="javascript">
 <!--
 function c1()
 {
 var t=document.getElementById("txt");
 t.value="www.jb51.net 修改文本内容"
 }
 -->
</script>
<input type="text" id="txt" value="初始文本内容" size="30"/>
<input type="button" value="更改文本内容" name="btn" onclick="c1();" />
</body>
</html>

四运行结果

上面是我整理给大家的，希望今后会对大家有帮助。

服务端配置实现AJAX跨域请求

ajax的get请求时缓存处理解决方法

零基础学习AJAX之制作自动校验的表单

Atas ialah kandungan terperinci JS简单获取并修改input文本框内容的方法示例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：使用Vue单页应用时应该如何引用单独样式文件Artikel seterusnya：如何使用js的存储键值

Artikel berkaitan

Lihat lagi