本文實例講述了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程式設計有所幫助。