Rumah > hujung hadapan web > tutorial js > Kaedah JavaScript untuk memasukkan nilai kotak teks ke dalam kemahiran position_javascript yang ditentukan

Kaedah JavaScript untuk memasukkan nilai kotak teks ke dalam kemahiran position_javascript yang ditentukan

WBOY
Lepaskan: 2016-05-16 15:45:19
asal
1135 orang telah melayarinya

Contoh dalam artikel ini menerangkan cara memasukkan nilai kotak teks ke dalam kedudukan yang ditentukan menggunakan JavaScript. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

JavaScript dilaksanakan di sini untuk memasukkan nilai kotak teks ke dalam kedudukan yang ditentukan semasa Ini mungkin telah digunakan dalam beberapa keadaan penyerahan borang ini menulis nilai kotak teks ke dalam kawasan badan halaman semasa. Jika Jika anda mempunyai kotak teks lain yang disediakan, anda boleh menetapkan nilai pada kotak teks ini, yang boleh menyelamatkan pengguna menggunakan borang daripada masalah memasukkan.

Kesan operasi adalah seperti yang ditunjukkan di bawah:

Kod khusus adalah seperti berikut:

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

Salin selepas log masuk

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan