首 页最新软件下载排行文章资讯投稿发布下载专题
维维下载站
您的位置:首页编程开发网页制作Javascript → JS实现将文本框的值插入指定位置例子

JS实现将文本框的值插入指定位置例子

来源:本站整理 发布时间:2015-8-13 11:38:32 人气:

JS怎么实现将文本框的值插入指定位置例子代码,这在一些表单提交场合或许经常要用到,本代码段是将文本框的值写入到当前页的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>
相关下载
栏目导航
本类热门阅览