宝哥软件园

JS只是获取并修改输入文本框的内容

编辑:宝哥软件园 来源:互联网 时间:2021-08-31

本文的一个例子讲述了JS如何简单地获取和修改输入文本框的内容。分享给大家参考,如下:

一个介绍

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

getElementById()方法可以通过指定的Id获取HTML标记并返回。

语法:

sElement=document . getelementbyid(id)

SElement:用于接收此方法返回的对象。

Id:用于设置要获取的HTML标签的id值。

第二次申请

获取文本框并修改其内容

页面加载后,文本框中会显示“初始文本内容”,点击按钮后,文本框中的内容会发生变化。

三个代码

html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8/title www.jb51.net获取文本框并修改其内容/title/headlodyscript语言=' JavaScript '!-函数C1(){ var t=document . getelementbyid(' txt ');T.value='www.jb51.net修改文本内容' }-/脚本输入类型=' text' id=' txt' value='初始文本内容' size=' 30 '/输入类型=' button ' value=' change text content ' name=' BTN ' onclick=' C1//body/html四个运行结果

更多对JavaScript相关内容感兴趣的读者可以查看本网站专题:《JavaScript页面元素操作技巧总结》、《JavaScript操作DOM技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript错误与调试技巧总结》、0103010

希望本文对JavaScript编程有所帮助。

更多资讯
游戏推荐
更多+