AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

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

51自学网 http://www.wanshiok.com
JavaScript,文本框,插入

本文实例讲述了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的jQuery库中function的存在和参数问题