Maison > Article > interface Web > JS obtient une zone de texte d'entrée modifiée

JS obtient une zone de texte d'entrée modifiée

php中世界最好的语言original: 2018-06-09 15:49:311266parcourir

Cette fois, je vais vous apporter JS pour obtenir et modifier la zone de texte de saisie. Quelles sont les précautions à prendre pour que JS obtienne et modifie la zone de texte de saisie ? Ce qui suit est un cas pratique, jetons un coup d'œil. z

L'exemple de cet article décrit comment obtenir et modifier simplement le contenu de la zone de texte de saisie à l'aide de JS. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Introduction

Pour obtenir la zone de texte et modifier son contenu, vous peut utiliser la méthode getElementById() accomplir. La méthode

getElementById() peut obtenir la balise HTML par l'identifiant spécifié et la renvoyer.

Syntaxe :

sElement=document.getElementById(id)

sElement : utilisé pour recevoir un objet renvoyé par cette méthode.

id : utilisé pour définir la valeur de l'identifiant qui doit être obtenue à partir de la balise HTML.

Deuxième application

Récupérez la zone de texte et modifiez son contenu

sera affiché dans la zone de texte après la page est chargé "Contenu du texte initial", le contenu de la zone de texte sera modifié lorsque vous cliquerez sur le bouton.

Trois codes

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获取文本框并修改其内容</title>
</head>
<body>
<script language="javascript">
 <!--
 function c1()
 {
 var t=document.getElementById("txt");
 t.value="www.jb51.net 修改文本内容"
 }
 -->
</script>
<input type="text" id="txt" value="初始文本内容" size="30"/>
<input type="button" value="更改文本内容" name="btn" onclick="c1();" />
</body>
</html>

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez. faites attention à d'autres questions connexes dans l'article du site Web chinois php !

Lecture recommandée :

Utilisation immédiate de watch dans le projet vue

Comment utiliser le plug-in d'installation en temps réel projets

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

php html JS 对象 input

Déclaration：

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

Article précédent：Problème avec le glissement hors toile au-delà d'une partie dans le cadre muiArticle suivant：Problème avec le glissement hors toile au-delà d'une partie dans le cadre mui

Articles Liés

Voir plus