主页 > 教程合集 > Html/css >

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

时间:2021-10-22 阅读:0

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

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

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

语法:


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>
 

运行结果

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

开通特权,即可免费下载全站所有千余TB网络资源,点击 >>> 资源目录 查看所有资源,覆盖音乐、影视、有声书、电子书、漫画、动漫、课程等,不限时间次数,永久免费,点击 >>> 特权详情 了解更多!

余斗余斗
  • 版权声明:原创文章由发表在Html/css分类下,2021-10-22最后更新,转载注明出处。

相关推荐

返回顶部