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> |