JavaScript实现将文本框的值插入指定位置的方法
2015-08-13 00:00
821 查看
本文实例讲述了JavaScript实现将文本框的值插入指定位置的方法。分享给大家供大家参考。具体如下:
这里实现JavaScript将文本框的值插入当前面指定位置,这在一些表单提交场合或许我们都用到过,本代码段是将文本框的值写入到当前页的body区域内,如果你设置有其它的文本框,则可以值赋给这些文本框,可以让使用表单的用户免去输入的麻烦。
运行效果如下图所示:
具体代码如下:
<!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="前插入" onclick="insetNode('h',document.frm.txt.value);" /> </form> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
相关文章推荐
- JavaScript简单判断复选框是否选中及取出值的方法
- JavaScript的面向对象编程基础
- 理解和运用JavaScript的闭包机制
- js实现文本框宽度自适应文本宽度的方法
- JavaScript生成SQL查询表单的方法
- js实现仿网易点击弹出提示同时背景变暗效果
- 数据分析软件之FineReport教程:[5]参数界面JS(全)
- JS 轮播
- JavaScript Charts更新至v3.15.2【附下载】
- JavaScript权威指南_154_第16章_脚本化CSS_16.4-查询计算出的样式
- JSON
- 学习JS(5)
- JavaScript 编程
- [持续更新]JavaScript学习笔记(二)
- Accessing the System Clipboard with JavaScript
- javaScript-事件
- 事件模型
- MVC中从Controller像View层传值
- js如何验证用户输入的只能是数字?
- JS学习十二天----正则表达式的模式匹配