Maison > interface Web > Questions et réponses frontales > Comment cliquer pour ajouter une case en javascript

Comment cliquer pour ajouter une case en javascript

WBOY
Libérer: 2022-01-19 10:40:40
original
2616 Les gens l'ont consulté

Méthode : 1. Liez l'événement click à l'élément bouton et spécifiez la fonction de traitement d'événement ; 2. Utilisez la méthode append() dans la fonction de traitement d'événement pour obtenir l'effet de cliquer pour ajouter une boîte. element object.append(" insert L'élément box qui entre est ");".

Comment cliquer pour ajouter une case en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 10, JavaScript version 1.8.5, ordinateur Dell G3.

Comment cliquer pour ajouter une boîte en javascript

La méthode append() insère le contenu spécifié à la fin de l'élément sélectionné.

La syntaxe est :

$(selector).append(content,function(index,html))
Copier après la connexion

Les paramètres sont les suivants :

Comment cliquer pour ajouter une case en javascript

L'exemple est le suivant :

<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("p").append(" <div>这是一个插入进来的div</div>");
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另一个段落</p>
<button id="btn1">在段落后添加一个div</button>
</body>
</html>
Copier après la connexion

Le résultat de sortie :

Comment cliquer pour ajouter une case en javascript

Après avoir cliqué sur le bouton :

Recommandations associées : Comment cliquer pour ajouter une case en javascriptTutoriel d'apprentissage Javascript

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!

É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