手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript实现将文本框的值插入指定位置的方法
JavaScript实现将文本框的值插入指定位置的方法
摘要:本文实例讲述了JavaScript实现将文本框的值插入指定位置的方法。分享给大家供大家参考。具体如下:这里实现JavaScript将文本框的...

本文实例讲述了JavaScript实现将文本框的值插入指定位置的方法。分享给大家供大家参考。具体如下:

这里实现JavaScript将文本框的值插入当前面指定位置,这在一些表单提交场合或许我们都用到过,本代码段是将文本框的值写入到当前页的body区域内,如果你设置有其它的文本框,则可以值赋给这些文本框,可以让使用表单的用户免去输入的麻烦。

运行效果如下图所示:

JavaScript实现将文本框的值插入指定位置的方法1

具体代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>插入节点</title> <script language="javascript"> <!-- function crNode(str) { var newP=document.createElement("p"); var newTxt=document.createTextNode(str); newP.appendChild(newTxt); return newP; } function insetNode(nodeId,str) { var node=document.getElementById(nodeId); var newNode=crNode(str); if(node.parentNode)//判断是否拥有父节点 node.parentNode.insertBefore(newNode,node); } --> </script> </head> <body> <h2 id="h">在上面插入节点</h2> <form id="frm" name="frm"> 输入文本:<input type="text" name="txt" /> <input type="button" value="前插入" /> </form> </body> </html>

希望本文所述对大家的javascript程序设计有所帮助。

【JavaScript实现将文本框的值插入指定位置的方法】相关文章:

javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法

javascript实现table选中的行以指定颜色高亮显示

javascript基于DOM实现省市级联下拉框的方法

jquery实现图片左右切换的方法

javascript实现模拟时钟的方法

js实现鼠标移到链接文字弹出一个提示层的方法

JavaScript实现列表分页功能特效

Javascript实现的SHA-256加密算法完整实例

JavaScript检查子字符串是否在字符串中的方法

js+cookies实现悬浮购物车的方法

精品推荐
分类导航