本文實例講述了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程序設計有所幫助。
新聞熱點
疑難解答