Maison > interface Web > js tutoriel > Méthode JavaScript pour insérer la valeur de la zone de texte dans les compétences position_javascript spécifiées

Méthode JavaScript pour insérer la valeur de la zone de texte dans les compétences position_javascript spécifiées

WBOY
Libérer: 2016-05-16 15:45:19
original
1139 Les gens l'ont consulté

L'exemple de cet article décrit comment insérer la valeur de la zone de texte dans la position spécifiée à l'aide de JavaScript. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

JavaScript est implémenté ici pour insérer la valeur de la zone de texte dans la position actuelle spécifiée. Cela peut avoir été utilisé dans certaines occasions de soumission de formulaire. Ce segment de code écrit la valeur de la zone de texte dans la zone du corps du. page actuelle. Si vous avez configuré d'autres zones de texte, vous pouvez attribuer des valeurs à ces zones de texte, ce qui peut éviter aux utilisateurs utilisant le formulaire d'avoir à saisir.

L'effet de l'opération est comme indiqué ci-dessous :

Le code spécifique est le suivant :

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

Copier après la connexion

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal