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>

上一个：输入框聚焦，点击时清空文本框
下一个：提交按钮变灰色，输入完成才可以提交

更多图片编程知识: