当前位置：首页 > 资讯 > 技术文档

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

时间：2022-03-25 02:40 编辑：来源：阅读：
扫一扫，手机访问

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

本文实例讲述了JavaScript实现将文本框的值插入指定位置的方法。分享给大家供大家参考。具体如下：这里实现JavaScript将文本框的值插入当前面指定位置，这在一些表单提交场合或许我们都用到过，本代码段是将文本框的值写入到当前页的body区域内，如果你设置有其它的文本框，则可以值赋给这些文本框，可以让使用表单的用户免去输入的麻烦。运行效果如下图所示： [img]http://files.jb51.net/file_images/article/201508/2015813110541765.jpg?201571311559[/img] 具体代码如下：

<!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程序设计有所帮助。

全部评论(0)

上一篇：用简单的脚本实现一款漂亮的下拉菜单
下一篇：研究了一下div+css的高度自适应问题

资讯排行榜
更多>>