cari

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
WBOYasal
2016-05-16 15:45:191142semak imbas

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>

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

Kenyataan：
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
Artikel sebelumnya：Panduan untuk menulis kesan animasi dalam jQuery library_Basics JavaScriptArtikel seterusnya：Panduan untuk menulis kesan animasi dalam jQuery library_Basics JavaScript

Artikel berkaitan

Lihat lagi